크롬(Chrome)과 파이어폭스(Firefox)는 빠른 속도뿐만 아니라 뛰어난 사용자 지정성 덕분에 전 세계에서 가장 많이 사용되는 웹 브라우저로 자리 잡았습니다. 예를 들어, 별도의 확장 프로그램이나 애드온을 설치하지 않고도 전체 웹페이지 스크린샷을 캡처하도록 설정할 수 있습니다.
두 브라우저 모두 개발자 도구(Developer Tools) 안에 웹페이지 전체를 한 번에 캡처할 수 있는 기능이 내장되어 있습니다. 이 기능을 활용하면 화면에 보이는 영역은 물론, 스크롤해야 확인할 수 있는 하단 부분까지 포함한 페이지 전체를 마치 스크롤링 스크린샷처럼 하나의 이미지로 저장할 수 있습니다.
1. 파이어폭스에서 전체 웹페이지 스크린샷 찍기
먼저 파이어폭스 브라우저를 실행하고 스크린샷을 찍고 싶은 웹페이지를 엽니다.
브라우저 우측 상단에 있는 세로로 된 세 줄 아이콘(메뉴)을 클릭한 뒤, '웹 개발자(Web Developer)' 옵션을 선택합니다.
이어서 '반응형 디자인 모드(Responsive Design Mode)' 항목을 찾아 클릭합니다. Ctrl + Shift + M 단축키로도 바로 실행할 수 있습니다.
모드가 활성화되면 화면에서 마우스 오른쪽 버튼을 클릭하고 '스크린샷 찍기(Take Screenshot)'를 선택합니다.
그러면 즉시 두 가지 옵션이 나타납니다.
- 전체 페이지 저장(Save Full Page): 스크롤 전체를 포함한 페이지 전체 캡처
- 보이는 영역 저장(Save Visible): 현재 화면에 보이는 부분만 캡처
원하는 옵션을 선택한 후, 스크린샷을 원하는 위치에 다운로드하여 저장하면 됩니다.
2. 크롬에서 전체 웹페이지 스크린샷 캡처하기
크롬 브라우저를 실행하고 캡처하려는 웹페이지로 이동합니다.
우측 상단의 점 세 개 아이콘(메뉴)을 클릭하고, 표시된 목록에서 '도구 더보기(More Tools)' → '개발자 도구(Developer Tools)'를 차례로 선택합니다. F12 또는 Ctrl + Shift + I 키를 눌러서도 개발자 도구를 열 수 있습니다.
개발자 도구 패널에서 다시 점 세 개 아이콘을 클릭한 뒤, '명령 실행(Run Command)'을 선택합니다. Ctrl + Shift + P 단축키를 사용하면 더욱 빠르게 열 수 있습니다.
명령 입력창에 'Screenshot'이라고 입력하면 관련 명령 목록이 나타나는데, 그중 'Capture full-size screenshot(전체 크기 스크린샷 캡처)'을 클릭합니다.
스크린샷 저장 메시지가 표시되면 컴퓨터 내 저장 위치를 지정하고 '저장(Save)' 버튼을 누르면 완료됩니다.
이것으로 끝입니다!
이처럼 확장 프로그램이나 애드온 없이도 크롬과 파이어폭스 브라우저에서 웹페이지 전체를 하나의 이미지로 캡처할 수 있습니다. 자주 긴 페이지를 저장해야 한다면 위 방법을 활용해 보세요.