Google 크롬 브라우저는 전체 크기 웹페이지 스크린샷을 캡처하는 두 가지 방법을 제공합니다. 이것은 개발자, 디자이너, 편집자, 관리자, 작가, 분석가 또는 기타 가능한 웹 기반 작업에 관계없이 많은 웹 작업자에게 필요하거나 유용할 수 있습니다.

Chrome으로 전체 크기 웹페이지 스크린샷을 캡처하기 위해 다룰 접근 방식을 사용하려면 Mac, Windows, Linux 및 Chromebook을 포함하는 모든 데스크톱 수준 장치에 Chrome 정식 버전이 필요합니다.Chrome에 내장된 개발자 도구를 사용하므로 플러그인이 필요하지 않습니다.

ote 여기서는 데스크톱용 Chrome 브라우저를 다루고 있습니다. 필요하거나 선호하는 경우 Firefox, Mac의 Safari, iPhone 및 iPad용 Safari에서 전체 페이지 스크린샷을 찍을 수도 있습니다.

Chrome에서 전체 크기 스크롤링 스크린샷을 캡처하는 방법

Chrome에서 웹페이지의 전체 크기 스크린샷을 찍을 준비가 되셨나요? 수행할 작업은 다음과 같습니다.

1. Chrome 개발자 도구 열기(View > Developer > Developer Tools)



2. 개발자 도구 서랍에서 반응형 디자인 모드 버튼 클릭



3. 모든 이미지가 로드되도록 전체 웹 페이지를 아래로 스크롤합니다(이는 웹 페이지 속도를 높이는 데 사용되는 일반적인 기술인 지연 로드 이미지를 캡처하는 데 중요함)
4. 반응형 디자인 도구의 오른쪽 상단 모서리에 있는 세 개의 수직 점을 클릭하고 "전체 크기 스크린샷 캡처"를 선택합니다.



5. 전체 크기의 스크린샷이 기본 Chrome 다운로드 폴더에 나타납니다.

Mac에서는 수동으로 변경하지 않는 한 사용자 다운로드에서 웹 페이지의 전체 크기 스크린샷을 볼 수 있습니다.

캡처한 스크린샷의 크기는 응답 모드에서 선택한 장치에 따라 다릅니다. 예를 들어 iPad Air를 선택하고 osxdaily.com 홈 페이지의 전체 크기 스크롤 스크린샷을 찍은 경우 스크린샷이 약 2084 × 16439 픽셀. 분명히 더 긴 스타일 페이지 또는

전체 웹 페이지를 스크롤하지 않으면 지연 로드된 이미지가 스크린샷에 캡처되지 않아 전체 페이지 스크린샷이 불완전하고 사용자가 페이지에서 보는 내용을 나타내지 않습니다.

콘솔을 통해 Chrome에서 전체 페이지 스크린샷 캡처

Chrome에서 전체 페이지 스크린샷을 찍는 또 다른 방법은 개발자 콘솔의 '실행' 명령을 사용하고 '스크린샷'을 입력한 다음 표시되는 옵션에서 '전체 크기 스크린샷 캡처'를 선택하는 것입니다. 이 작업을 수행하기 전에 전체 웹페이지를 스크롤해야 합니다.

일부 사용자에게는 더 나은 옵션일 수 있지만 명령줄에 익숙하지 않은 사용자에게는 조금 더 복잡합니다.

이러한 Chrome용 방법이 개발자 도구가 있는 Mac용 Safari에서 사용 가능한 방법보다 더 쉽나요? 아니면 Firefox를 사용하여 Mac에서 전체 웹 페이지 스크린샷을 찍는 매우 간단한 방법입니까? 아니면 iPhone 또는 iPad를 사용하여 전체 페이지 스크린샷을 찍는 더 쉬운 방법이 있습니까? 그것은 당신이 결정할 일이며, 가장 자주 사용하는 브라우저와 각 브라우저에 대한 숙련도에 따라 달라질 수 있습니다.