크롬에서 별도의 도구 없이 웹페이지 전체 캡처하기 (한국어 버전)

가끔 웹페이지 전체 스샷(스크린샷 캡처)을 찍는 기능이 필요할 때가 있다. 그럴 때마다 다른 전용 캡처 도구를 쓰곤 했었다. 그런데 크롬은 제법 오래전에 개발자 도구에서 전체 웹페이지 스샷 기능을 제공하고 있었기에 이 기능을 한번 써보고 싶었다.

 

크롬 개발자 도구에서 웹페이지 전체 스샷을 찍는 방법은 간단하다. 개발자 도구를 열고 COMMAND+SHIFT+P키를 눌러 Full Screen Capture를 찾아서 실행시키면 된다.

 

그런데 문제는 이 명령이 안 보인다는 점이다.

왜 없는지 한동안 이해를 못 했는데 드디어 이해했다. 개발자 도구의 언어를 한국어로 세팅하면 해당 명령도 한국어로 바뀌기 때문이다. 해답을 찾은 김에 개발자 도구가 한국어로 설정된 크롬에서 웹페이지 전체 스크린샷을 찍는 방법을 간단히 정리해 본다.

 

1. 캡처하려는 웹페이지가 보이는 상황에서 개발자 도구를 연다. macOS 기준으로 크롬 툴바 우측의 점 세 개 - 도구 더보기 - 개발자 도구(OPTION+COMMAND+I)를 선택하거나 해당 단축키를 누르면 된다.

 

크롬 메뉴에서 개발자 도구 메뉴를 선택한 모습

 

2. 개발자 도구 툴바에서 '명령어 실행(COMMAND+SHIFT+P)'을 선택하거나 해당 단축키를 누른다.

 

크롬 개발자 도구에서 명령어 실행 메뉴를 선택한 모습

 

3. 입력 창이 나타나면 '원본 크기 스크린샷 캡처'를 입력해서 실행시킨다. 물론 전체를 입력할 필요는 없고 일부만 입력하면 검색되므로 적당히 마우스 커서로 클릭해 주면 된다.

 

명령어 실행 창에서 명령어를 검색하는 모습

위 명령이 실행되면 다운로드 폴더에 웹페이지 전체 스크린샷이 파일로 저장된다.

 

특이사항으로 눈에 보이는 대로 캡처하는 게 아니라 가상의 공간에 브라우저를 띄워 캡처하는 방식이라 크기가 동적인 페이지 특히 세로축이 반응형 웹페이지인 경우 최소 크기로 잡혀서 캡처될 수도 있다. 물론 그래도 아마 별 문제는 안 될 것이니 걱정할 필요는 없다.