크롬 브라우저에서 전체 스크린샷 캡처

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

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

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

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

Chrome에서 웹페이지의 전체 크기 스크린샷을 캡처할 준비가 되었다면 수행할 작업은 다음과 같다.

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

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

3. 모든 이미지가 로드되도록 전체 웹 페이지를 아래로 스크롤한다.(웹페이지 속도를 높이는 데 사용되는 lazy-load 이미지를 캡처하는 데 중요함)*

4. 반응형 디자인 도구의 오른쪽 상단 모서리에 있는 세 개의 수직 점을 클릭하고 “Capture full size screenshot”를 선택한다.

5. 전체 크기 스크린샷이 기본 Chrome 다운로드 폴더에 표시된다.

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

캡처된 스크린샷의 크기는 반응 모드에서 선택한 장치에 따라 다르다.

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

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

Chrome에서 전체 페이지 스크린샷을 찍는 또 다른 방법은 개발자 콘솔 ‘Run’ 명령을 사용하고 “screenshot”을 입력한 다음 나타나는 옵션에서 “Capture full size screenshot”를 선택하는 것이다. 이 작업을 수행하기 전에* 전체 웹페이지를 스크롤해야 한다.