웹페이지 전체 화면 캡처 방법｜Chrome·Edge 긴 페이지 한 장으로 저장하기

웹페이지를 캡처하려고 Print Screen이나 Windows 캡처 도구를 사용하면 현재 모니터에 보이는 영역만 저장되는 경우가 많습니다.

뉴스 기사, 블로그 글, 제품 상세페이지처럼 세로로 긴 페이지라면 화면을 아래로 이동하면서 여러 장을 캡처해야 하는 불편이 생깁니다.

하지만 브라우저의 전체 페이지 캡처 기능을 활용하면 현재 화면에 보이지 않는 아래쪽 영역까지 하나의 긴 이미지로 저장할 수 있습니다.

이 글에서는 Microsoft Edge와 Google Chrome에서 긴 웹페이지를 전체 캡처하는 방법, PDF로 저장하는 방법, 일부 영역이 빠질 때 해결하는 방법과 주의사항까지 알아보겠습니다.

일반 화면 캡처와 전체 페이지 캡처의 차이

먼저 두 가지 방식을 구분해야 합니다.

일반 화면 캡처

현재 모니터에 표시되는 영역을 이미지로 저장합니다.

Windows 캡처 도구나 Print Screen 기능이 대표적입니다.

전체 페이지 캡처

웹페이지에서 현재 보이지 않는 아래쪽 콘텐츠까지 포함해 긴 이미지로 저장합니다.

따라서 긴 기사나 웹자료를 한 번에 보관할 때 유용합니다.

Microsoft Edge에서 전체 웹페이지 캡처하는 방법

Edge를 사용한다면 브라우저에 제공되는 화면 캡처 기능을 먼저 확인하는 것이 편리합니다.

1단계. 캡처할 웹페이지 열기

Edge에서 저장하려는 페이지를 엽니다.

이미지와 콘텐츠가 충분히 로딩될 때까지 기다립니다.

2단계. Edge 메뉴 열기

오른쪽 상단의 메뉴 버튼을 클릭합니다.

메뉴에서 스크린샷이나 캡처와 관련된 기능을 찾습니다.

브라우저 업데이트에 따라 정확한 메뉴 명칭은 변경될 수 있습니다.

3단계. 전체 페이지 캡처 선택

현재 보이는 부분만 선택하는 것이 아니라 전체 페이지를 캡처하는 옵션을 선택합니다.

4단계. 결과 확인

캡처된 이미지에서 페이지 아래쪽까지 정상적으로 포함됐는지 확인합니다.

문제가 없다면 원하는 위치에 저장합니다.

Google Chrome에서 긴 웹페이지 전체 캡처하기

Chrome에서는 개발자 도구의 명령 기능을 이용할 수 있습니다.

1단계. 웹페이지 열기

전체 캡처할 페이지를 Chrome에서 엽니다.

2단계. 개발자 도구 실행

다음 단축키를 누릅니다.

Ctrl + Shift + I

또는 키보드에서 F12를 사용할 수 있습니다.

일부 키보드에서는 Fn + F12를 눌러야 할 수도 있습니다.

3단계. 명령 메뉴 실행

개발자 도구가 열린 상태에서 다음 단축키를 누릅니다.

Ctrl + Shift + P

명령어를 검색할 수 있는 창이 나타납니다.

4단계. Screenshot 검색

검색창에 다음과 같이 입력합니다.

screenshot

캡처와 관련된 명령 목록이 표시됩니다.

5단계. 전체 크기 캡처 선택

목록에서 Capture full size screenshot과 같이 전체 페이지를 캡처하는 항목을 선택합니다.

6단계. 이미지 확인

캡처가 완료되면 이미지 파일이 저장됩니다.

다운로드된 파일을 열어 페이지 처음부터 마지막 부분까지 제대로 저장되었는지 확인합니다.

전체 캡처했는데 이미지가 빠지는 이유

전체 페이지를 캡처했지만 사진 일부가 빈칸으로 나타나는 경우가 있습니다.

이것은 웹사이트에서 사용하는 지연 로딩(Lazy Loading) 방식 때문일 수 있습니다.

웹사이트가 모든 이미지를 처음부터 불러오는 것이 아니라 사용자가 화면을 아래로 이동할 때 필요한 이미지를 불러오는 방식입니다.

해결 방법

전체 캡처를 실행하기 전에 페이지를 천천히 맨 아래까지 내려봅니다.

페이지의 이미지가 충분히 표시되었는지 확인합니다.

다시 위쪽으로 이동한 뒤 전체 페이지 캡처를 실행해봅니다.

다만 사이트 구조에 따라 이 방법으로도 모든 콘텐츠가 저장되지 않을 수 있습니다.

웹페이지를 PDF로 저장하는 방법

자료 보관이 목적이라면 전체 화면 캡처 대신 PDF 저장이 더 편리할 수 있습니다.

1단계. 웹페이지에서 인쇄 실행

다음 단축키를 누릅니다.

Ctrl + P

2단계. PDF 저장 선택

프린터 선택 항목에서 PDF로 저장에 해당하는 옵션을 선택합니다.

3단계. 미리보기 확인

페이지가 원하는 형태로 표시되는지 확인합니다.

필요하다면 용지 방향이나 페이지 설정 등을 조정합니다.

4단계. 저장

저장할 폴더와 파일 이름을 지정합니다.

이제 웹페이지를 문서 형태로 보관할 수 있습니다.

전체 캡처와 PDF 저장의 차이

두 방법은 목적이 조금 다릅니다.

전체 페이지 이미지가 적합한 경우

• 웹사이트 디자인을 그대로 참고할 때
• 화면 배치를 기록할 때
• 긴 페이지를 한눈에 확인할 때
• 특정 시점의 화면 상태를 이미지로 보관할 때

PDF 저장이 적합한 경우

• 긴 글을 문서 형태로 보관할 때
• 여러 페이지로 나누어 읽을 때
• 자료를 인쇄할 가능성이 있을 때
• 텍스트 중심 자료를 보관할 때

필요하다면 중요한 자료는 두 방식으로 모두 저장할 수도 있습니다.

웹페이지가 지나치게 긴 경우

온라인 쇼핑몰의 제품 상세페이지처럼 매우 긴 페이지를 한 장으로 캡처하면 이미지가 지나치게 길어질 수 있습니다.

이 경우 파일을 열었을 때 글자가 매우 작게 표시되고 원하는 부분을 찾기도 어려울 수 있습니다.

무조건 한 장으로 만드는 것보다 다음과 같이 나누는 방법도 고려할 수 있습니다.

상단 상품정보 → 주요 기능 → 상세 설명 → 후기 및 기타 정보

목적에 따라 적절하게 구간을 나누면 자료 관리가 오히려 편해질 수 있습니다.

전체 페이지 캡처가 잘 안 되는 사이트

모든 웹사이트에서 전체 캡처가 완벽하게 작동하는 것은 아닙니다.

다음과 같은 페이지에서는 일부 콘텐츠가 빠질 수 있습니다.

무한 스크롤 페이지

화면을 내릴 때마다 새로운 콘텐츠가 계속 추가되는 사이트입니다.

동영상이 포함된 페이지

캡처 이미지는 정지된 화면이므로 동영상 자체를 저장할 수는 없습니다.

별도 스크롤 영역이 있는 사이트

페이지 전체와 내부 콘텐츠 영역이 각각 따로 스크롤되는 구조에서는 전체 내용을 한 번에 캡처하기 어려울 수 있습니다.

로그인이 필요한 페이지

개인 계정 화면에는 개인정보가 포함될 가능성이 높으므로 저장과 공유에 특히 주의해야 합니다.

캡처 전에 팝업을 닫아야 하는 이유

쿠키 안내창이나 광고 팝업이 화면 위에 떠 있다면 전체 페이지 캡처에도 반복해서 나타나거나 콘텐츠 일부를 가릴 수 있습니다.

가능하면 캡처하기 전에 불필요한 팝업을 닫고 페이지 상태를 정리합니다.

개인정보가 포함된 화면을 공유할 때 주의사항

전체 페이지 캡처는 일반 화면 캡처보다 더 넓은 영역을 저장하기 때문에 자신도 모르게 개인정보가 포함될 가능성이 있습니다.

공개하기 전에 다음 정보를 확인하세요.

• 이름
• 이메일 주소
• 전화번호
• 주소
• 계정 아이디
• 주문번호
• 배송 정보
• QR코드
• 바코드
• 결제 관련 정보

필요하지 않은 부분은 이미지 편집 기능을 이용해 잘라내거나 가린 뒤 공유하는 것이 좋습니다.

웹페이지 캡처와 저작권

웹페이지를 캡처할 수 있다는 사실과 해당 콘텐츠를 자유롭게 다시 사용할 수 있다는 것은 다른 문제입니다.

사진, 글, 일러스트, 그래픽 등은 저작권 보호 대상일 수 있습니다.

개인적인 참고 자료로 저장하는 것과 자신의 블로그나 SNS에 그대로 재게시하는 것은 구분해야 합니다.

공개적으로 활용하려면 해당 콘텐츠의 이용 조건과 저작권을 확인하는 것이 좋습니다.

자주 묻는 질문 FAQ

Q1. 별도의 프로그램 없이 긴 웹페이지를 캡처할 수 있나요?

가능합니다. 사용하는 브라우저에서 전체 페이지 캡처 기능을 제공하거나 Chrome 개발자 도구를 이용할 수 있습니다.

Q2. Chrome에서 F12가 작동하지 않습니다.

키보드에 따라 Fn + F12가 필요할 수 있습니다. 또는 Ctrl + Shift + I로 개발자 도구를 열어보세요.

Q3. 전체 페이지 캡처를 했는데 중간 사진이 없습니다.

웹페이지가 스크롤할 때 이미지를 불러오는 방식일 수 있습니다. 페이지를 맨 아래까지 천천히 내려 이미지를 먼저 불러온 뒤 다시 캡처해보세요.

Q4. 긴 웹페이지는 이미지와 PDF 중 어떤 방식이 좋나요?

웹사이트의 화면 모습 자체를 보관하려면 이미지가 편리하고 글이나 문서를 장기간 보관하려면 PDF가 편리할 수 있습니다.

Q5. 전체 페이지 캡처가 안 되는 사이트도 있나요?

있습니다. 무한 스크롤, 별도 스크롤 영역, 동적으로 생성되는 콘텐츠 등 웹사이트 구조에 따라 일부 콘텐츠가 정상적으로 저장되지 않을 수 있습니다.

마무리

긴 웹페이지를 저장하기 위해 화면을 여러 번 나누어 캡처할 필요는 없습니다.

Edge의 전체 페이지 캡처 기능이나 Chrome 개발자 도구를 이용하면 화면에 보이지 않는 아래쪽 영역까지 긴 이미지로 저장할 수 있습니다.

기억해야 할 핵심은 다음과 같습니다.

화면 디자인과 배치를 그대로 보관하고 싶다면 → 전체 페이지 캡처

글이나 자료를 문서 형태로 보관하고 싶다면 → PDF 저장

전체 캡처 중 이미지가 빠진다면 페이지를 먼저 끝까지 내려 콘텐츠를 불러온 후 다시 시도해보세요.

마지막으로 캡처 이미지를 인터넷에 게시하거나 다른 사람에게 전달하기 전에는 개인정보와 저작권 문제가 없는지 확인하는 것도 중요합니다.