첫 화면이 아닌, 페이지 전체를.

긴 캡처를 망치는 세 가지

지연 로딩. 긴 페이지의 대부분은 캡처가 실행되는 시점에 뷰포트에 들어온 적이 없어서, 화면 아래쪽 이미지는 여전히 회색 박스이거나 블러업 자리 표시자 상태입니다. 해결책은 캡처 전에 페이지를 위에서 아래로 먼저 훑고 기다리는 것이며, 모든 전체 페이지 촬영 전에 이 과정이 수행됩니다.

애니메이션. 스크롤에 반응해 페이드되거나 슬라이드되는 요소는 전환 중간에 포착되기 쉽고, 캐러셀은 슬라이드 도중에 포착되기 쉽습니다. 캡처 전에 애니메이션과 전환 효과를 정지시켜 컴포넌트가 정지 상태로 놓이도록 합니다.

동의 화면. 모달과 배경 오버레이가 모든 것 위에 자리 잡으며, 종종 스크롤까지 잠가 캡처 자체를 망가뜨립니다. 주요 동의 관리 플랫폼과 일반적인 패턴을 따르는 배너는 숨겨지고, 스크롤 잠금도 해제됩니다.

뷰포트 캡처가 필요할 때

대부분의 사람이 원하는 결과가 전체 페이지이기 때문에 기본값으로 설정되어 있습니다. 이를 끄면 요청한 뷰포트 그대로만 받게 되며, 이는 썸네일, 소셜 미리보기, 완결성보다 균일한 화면비가 중요한 그리드에 적합한 선택입니다.

밀도와 크기

최대 3배까지의 디바이스 픽셀 밀도로 인쇄용이나 고해상도 디스플레이용 레티나 출력을 얻을 수 있습니다. 비용은 1배 캡처와 동일합니다. 단위는 메가픽셀이 아니라 렌더링된 페이지이기 때문입니다.

{"url":"https://stripe.com",
 "full_page": true,
 "width": 1440,
 "device_scale_factor": 2}