크롬에서 페이지 전체 캡쳐하는 방법
크롬 페이지 전체 캡처는 확장 프로그램 없이도 할 수 있고, 평범한 기사라면 그것으로 충분합니다. 하지만 웹 앱, 고정 헤더, 스크롤할 때 불러오는 이미지, 아주 긴 페이지에서는 내장 명령이 제대로 작동하지 않습니다. 나머지 두 방법은 바로 그런 경우를 위한 것입니다. 이 가이드에서는 세 가지 방법의 정확한 단계와 상황별로 어떤 방법을 쓰면 좋은지 알려 드립니다.
방법 1: 내장 개발자 도구 명령
모든 데스크톱 Chrome에는 이 기능이 개발자 도구 안에 숨어 있습니다. Windows, macOS, Linux, ChromeOS에서 작동합니다.
개발자 도구 열기. F12를 누르거나, Mac에서는 Cmd+Option+I, Windows와 Linux에서는 Ctrl+Shift+I를 누릅니다. 어느 패널이 열려 있어도 상관없습니다.
명령 메뉴 열기. Cmd+Shift+P(Mac) 또는 Ctrl+Shift+P(Windows, Linux)를 누릅니다. 개발자 도구 위쪽에 검색창이 나타납니다.
‘Capture full size screenshot’ 실행. “screenshot”을 입력하고 Capture full size screenshot을 선택합니다. Chrome이 페이지를 내부적으로 스크롤해 페이지 전체를 PNG로 다운로드 폴더에 저장합니다. 같은 메뉴에는 Capture screenshot(보이는 부분), Capture node screenshot(Elements 패널에서 선택한 요소 하나), Capture area screenshot도 있습니다.
팁: 같은 명령이 기기 툴바에도 있습니다. Cmd/Ctrl+Shift+M으로 툴바를 열고 휴대폰 기종이나 원하는 너비를 고른 뒤, 점 세 개 메뉴에서 Capture full size screenshot을 선택하세요. 사이트의 모바일 레이아웃을 페이지 전체로 캡처하는 가장 빠른 방법입니다.
한계. 이 명령은 페이지 요소를 그 순간의 모습 그대로 한 번 찍습니다. 그래서 다음과 같은 일이 생깁니다.
- 고정 헤더, 쿠키 배너, 채팅 버튼이 이미지의 한 화면 분량마다 나타나거나 본문 위를 덮습니다.
- 스크롤할 때 불러오는 이미지는 실제로 스크롤된 적이 없으므로 빠지는 일이 많습니다. 먼저 직접 맨 아래까지 스크롤하면 도움이 되지만 항상 그렇지는 않습니다.
- 페이지 전체가 아니라 패널 안에서 스크롤되는 페이지(Gmail, Notion, Slack, 대부분의 관리자 대시보드)는 한 화면 높이로, 패널이 잘린 채 나옵니다.
- 아주 긴 페이지는 비어 있거나 잘린 채 나올 수 있고, 아무 경고도 없습니다.
- 클립보드 복사도, 편집기도, PDF도, 기록도 없습니다. 파일 하나만 생깁니다.
방법 2: 페이지 전체 캡처 확장 프로그램
확장 프로그램은 내 탭에서 한 화면씩 스크롤하며 찍은 뒤 결과를 이어 붙입니다. 그래서 위와 같은 경우에도 대처할 수 있습니다. Chrome 웹 스토어에는 이런 확장 프로그램이 여럿 있는데, 아래 단계는 저희가 만든 무료 크롬 전체화면 캡쳐 확장 프로그램인 FullPage Capture 기준이며 다른 확장 프로그램도 대체로 비슷합니다.
FullPage Capture 설치하기. Chrome 웹 스토어에서, Edge에서는 Edge 추가 기능에서 설치합니다. 무료이고 계정도 워터마크도 없습니다.
아이콘을 클릭하거나 단축키 누르기. 기본 단축키는 Alt+Shift+K입니다. 페이지가 알아서 스크롤하며 캡처됩니다. 고정 헤더는 한 번만 찍고 나머지 부분을 찍는 동안에는 숨기며, 스크롤할 때 불러오는 이미지는 나타날 때까지 기다리고, 페이지 안에서 스크롤되는 패널은 따로 펼칩니다.
결과 활용하기. 페이지 전체가 이미지 한 장으로 담긴 결과 탭이 열립니다. 클립보드로 복사하거나, 편집기에서 화살표와 텍스트 넣기, 개인 정보 흐리게 하기, 원하는 크기로 자르기를 할 수 있습니다. PNG, JPEG, 또는 줄 사이에서 페이지가 나뉘는 PDF로 저장해도 됩니다.
이 페이지에서 직접 해 보세요. 무료, 계정 없음, 아무것도 업로드되지 않습니다.
Chrome에 추가개발자 도구와 비교해 달라지는 점
| 개발자 도구: Capture full size screenshot | FullPage Capture | |
|---|---|---|
| 시작 방법 | F12, Cmd/Ctrl+Shift+P, 명령 입력 | 클릭 한 번 또는 Alt+Shift+K |
| 고정 헤더는 한 번만 | 아니요 | 예 |
| 스크롤할 때 불러오는 이미지 | 빠지는 경우가 많음 | 나타날 때까지 기다림 |
| 페이지 안에서 스크롤되는 패널 | 아니요 | 예 |
| 삽입된 프레임과 PDF 파일 | 아니요 | 예 |
| 아주 긴 페이지 | 비거나 잘릴 수 있음 | 28,800px 초과 시 번호 붙은 조각으로 |
| 클립보드에 복사 | 아니요 | 예 |
| 주석, 흐리게, 자르기 | 아니요 | 예편집한 캡처 저장은 Pro |
| 페이지 나눔과 클릭 가능한 링크가 있는 PDF | 아니요 | 예 |
| 따로 설치할 필요 없음 | 예 | 아니요무료, 계정 없음 |
방법 3: 문서가 필요할 때는 PDF로 인쇄
이미지가 아니라 보내거나 보관할 파일이 목적이라면, Chrome의 인쇄(Cmd/Ctrl+P)에서 대상을 PDF로 저장으로 고르는 것이 내장 방법입니다. 다만 결과물의 특성은 알고 쓰세요. Chrome은 사이트의 인쇄용 스타일시트로 페이지를 다시 배치하므로 화면과 같은 모습인 경우가 드물고, 배경과 다크 테마는 대개 사라지며, 글줄이 페이지 사이에서 잘리고, 패널 안에서 스크롤되는 내용은 스크롤한 데까지만 인쇄됩니다. 링크는 클릭할 수 있고 텍스트도 선택할 수 있습니다.
확장 프로그램의 PDF 내보내기는 반대로 스크린샷에서 출발합니다. 긴 한 페이지로, 또는 줄 사이에서 페이지가 나뉘는 Letter, Legal, A4로 만들 수 있고 링크도 그대로 작동합니다. 자세한 내용과 비교표는 웹페이지를 PDF로 저장하기 페이지에 있습니다.
간단한 방법이 통하지 않는 경우
- Gmail, Notion, Trello, 대시보드. 페이지가 아니라 그 안의 패널이 스크롤됩니다. 확장 프로그램을 쓰세요. 사이드바와 헤더를 포함한 창 전체를 한 번 찍은 뒤 패널만 펼칩니다.
- 무한 스크롤(소셜 피드, 채팅). 끝이 없습니다. 필요한 만큼 스크롤한 뒤 캡처하세요. 확장 프로그램은 그 시점까지 불러온 내용을 담습니다.
- 고정 헤더와 쿠키 배너. 배너를 먼저 닫고, 헤더를 한 번만 담는 확장 프로그램으로 캡처하세요. 개발자 도구에서는 명령을 실행하기 전에 Elements 패널에서 헤더 노드를 삭제합니다.
- 아주 긴 페이지. Chrome의 캔버스는 한 변 28,800픽셀이 한계입니다. 그보다 길면 확장 프로그램은 번호를 붙인 조각으로 저장하지만, 개발자 도구는 아무것도 저장하지 못할 수 있습니다.
- 로그인이 필요하거나 사내망에 있는 페이지. 두 방법 모두 내 탭에서 작동하므로 됩니다. 온라인 서비스는 안 됩니다.
- 요소 하나만(표, 차트). 개발자 도구에서 요소를 선택하고 Capture node screenshot을 쓰세요. 확장 프로그램이라면 캡처한 뒤 편집기에서 정확한 픽셀 크기로 자릅니다.
- 모바일 레이아웃. 위에서 설명한 개발자 도구의 기기 툴바를 쓰거나, 창을 좁게 줄인 뒤 확장 프로그램으로 캡처합니다.
- Chrome에서 연 PDF. 확장 프로그램만 가능합니다. 파일의 모든 페이지를 이미지 한 장으로 렌더링합니다.
- 고해상도. 두 방법 모두 화면의 픽셀 밀도로 캡처합니다(Retina 디스플레이에서는 2배). 같은 요소를 더 많은 픽셀로 담으려면 캡처 전에 페이지를 확대하세요.
Windows, Mac, 크롬북
위의 내용은 운영체제와 상관없습니다. 개발자 도구와 확장 프로그램은 어느 운영체제의 Chrome에서나 똑같이 작동합니다. 다른 것은 시스템 자체의 스크린샷 도구인데, 어느 것도 화면 이상은 캡처하지 못합니다. Windows의 캡처 도구와 Print Screen, Mac의 Shift+Cmd+3과 4, 크롬북의 Ctrl+창 표시가 그렇습니다. Microsoft Edge는 스크린샷 도구에 전체 페이지 옵션이 내장된 유일한 데스크톱 브라우저입니다. Edge에서 페이지 전체 캡처하기를 참고하세요. iPhone이나 Android 휴대폰에서는 이 기능이 시스템 스크린샷에 들어 있고, 확장 프로그램은 작동하지 않습니다.
자주 묻는 질문
크롬에서 페이지 전체 캡처 단축키는 무엇인가요?
Chrome 자체에는 없습니다. 내장 방법은 개발자 도구의 명령 메뉴를 거칩니다(F12, Cmd/Ctrl+Shift+P, “Capture full size screenshot”). FullPage Capture를 설치하면 단축키는 Alt+Shift+K이고, chrome://extensions/shortcuts에서 바꿀 수 있습니다.
페이지 전체 캡처에 이미지가 빠지거나 회색 상자가 보이는 이유는 무엇인가요?
페이지가 스크롤할 때 이미지를 불러오는데, 내장 명령은 이미지가 도착하기 전에 페이지를 찍기 때문입니다. 명령을 실행하기 전에 페이지 맨 아래까지 한 번 스크롤하거나, 화면마다 로딩이 끝나기를 기다렸다가 캡처하는 확장 프로그램을 쓰세요. 느린 페이지는 확장 프로그램 설정에서 대기 시간을 늘릴 수 있습니다.
헤더가 화면마다 반복되는 이유는 무엇인가요?
스크롤해도 제자리에 있는 고정 헤더는 화면을 이어 붙이는 도구로 찍으면 화면마다 들어갑니다. 확장 프로그램은 헤더를 맨 위에서 한 번만 찍고 나머지 부분을 찍는 동안에는 숨깁니다. 개발자 도구로는 먼저 Elements 패널에서 헤더를 직접 숨기는 것 말고는 방법이 없습니다.
캡처가 잘리거나 페이지보다 짧게 나오는 이유는 무엇인가요?
대개 페이지 자체가 아니라 그 안의 패널이 스크롤되기 때문입니다(Gmail, Notion, Trello, 대부분의 대시보드). 내장 명령은 페이지 요소를 찍기 때문에 패널은 한 화면만 담깁니다. 확장 프로그램은 실제로 스크롤되는 영역을 찾아 펼칩니다. 또 다른 원인은 Chrome의 캔버스 한도를 넘는 아주 긴 페이지인데, 이 경우 확장 프로그램은 번호를 붙인 조각으로 저장합니다.
로그인이 필요한 페이지도 전체 캡처할 수 있나요?
네, 두 방법 모두 가능합니다. 둘 다 이미 로그인된 내 탭 안에서 작동하기 때문입니다. 온라인 “URL 스크린샷” 서비스는 서버가 내 계정으로 로그인되어 있지 않으므로 할 수 없습니다.
Chrome에서 연 PDF 전체를 캡처할 수 있나요?
Chrome의 PDF 뷰어에서는 개발자 도구 명령이 작동하지 않으므로 그 방법으로는 안 됩니다. 확장 프로그램은 파일을 직접 렌더링해 모든 페이지를 이미지 한 장에 담습니다.
크롬북의 Chrome에서 페이지 전체를 캡처하려면 어떻게 하나요?
같은 두 가지 방법입니다. 개발자 도구의 Capture full size screenshot이나 확장 프로그램을 쓰세요. 크롬북 단축키 Ctrl+창 표시는 화면만 캡처합니다.
페이지 전체 캡처와 스크롤 캡처는 같은 것인가요?
네. 스크롤 캡처, 긴 화면 캡처, 페이지 전체 캡처는 모두 화면보다 긴 페이지를 이미지 한 장으로 담는다는 뜻입니다. 휴대폰에서는 스크롤 캡처나 긴 화면 캡처라고 하고, 데스크톱 도구에서는 전체 페이지 캡처라고 부릅니다. Chrome에서 스크롤 캡처하기
지금 읽고 있는 이 페이지에서 바로 써 보세요. 무료, 계정 없음, 워터마크 없음. 아무것도 업로드되지 않습니다.
Chrome에 추가