Chrome 스크롤 스크린샷, 긴 페이지 캡처
스크롤 스크린샷은 웹페이지 전체를 위에서 아래까지 캡처합니다, 화면 아래의 모든 콘텐츠를 포함하여, 자동으로 스크롤하고 섹션을 하나의 매끄러운 이미지로 연결합니다. 긴 기사, 대시보드, 랜딩 페이지, 뷰포트를 넘어 확장되는 문서에 필수적입니다. Capture Full Page 확장 프로그램이 이를 자동으로 처리합니다: 페이지를 스크롤하고, 고정 헤더와 푸터를 감지하여 관리하고, 지연 로딩 이미지가 나타나기를 기다리며, 단일 고해상도 스크린샷을 생성합니다. 캡처 후 내장 편집기에서 화살표, 텍스트, 도형, 번호가 매겨진 단계 주석으로 주석을 달으세요. PNG로 내보내거나 PDF로 저장하거나, 클립보드에 복사하세요. 보이는 화면이나 선택한 영역만 캡처할 수도 있습니다. 키보드 기반 워크플로의 경우 맞춤 스크린샷 단축키를 설정하세요.
지금 사용해 보세요: 클릭 한 번, 가입 불필요.
Chrome에 추가3가지 방법
1
방법 1: Capture Full Page 확장 프로그램, 자동 스크롤 캡처
Capture Full Page는 스크롤 캡처 과정 전체를 자동화합니다. 버튼 하나를 클릭하면 확장 프로그램이 제어된 속도로 페이지를 스크롤하며 각 뷰포트 섹션을 풀 해상도로 캡처하고 하나의 매끄러운 이미지로 이어 붙입니다. 고정 내비게이션 바, 쿠키 동의 배너, 플로팅 채팅 위젯, 맨 위로 이동 버튼을 자동으로 감지하고 관리하여 중복을 방지합니다. 또한 각 섹션을 캡처하기 전에 지연 로딩 이미지, 동적으로 렌더링되는 콘텐츠, 지연 미디어가 나타나기를 기다리므로 무한 스크롤이나 클라이언트 사이드 렌더링을 사용하는 최신 싱글 페이지 애플리케이션에서도 놓치는 것이 없습니다.
- 1Chrome 웹 스토어에서 Capture Full Page를 설치하세요, 계정이 필요 없습니다.
- 2캡처하려는 긴 페이지로 이동하세요.
- 3확장 프로그램 아이콘을 클릭하고 "Capture Full Page"를 선택하세요.
- 4확장 프로그램이 전체 페이지를 자동으로 스크롤합니다, 진행률 표시기가 캡처 상태를 보여줍니다.
- 5고정 헤더와 푸터가 감지되고 처리되어 최종 이미지에서 중복을 방지합니다.
- 6완성된 스크린샷이 내장 편집기에서 열립니다, 화살표, 텍스트, 하이라이트 또는 단계 번호로 주석을 다세요.
- 7PNG로 내보내거나 PDF로 저장하거나 클립보드에 복사하세요.
2
방법 2: Chrome DevTools 전체 크기 스크린샷
Chrome DevTools는 전체 크기 스크린샷을 찍을 수 있지만, 스크롤하는 대신 페이지를 전체 계산 높이로 한 번에 렌더링하므로 지연 로딩 이미지가 누락되거나, 고정 요소가 중복되거나, 매우 긴 페이지는 실패하거나 빈 영역이 생길 수 있습니다. 이 방법은 짧고 정적인 페이지에는 괜찮지만 페이지 길이와 복잡성이 커질수록 점점 신뢰하기 어려워집니다.
- 1F12를 눌러 DevTools를 연 다음 Ctrl+Shift+P (Mac에서 Cmd+Shift+P)로 명령 메뉴를 여세요.
- 2"screenshot"을 입력하고 "Capture full size screenshot"을 선택하세요.
- 3Chrome이 전체 페이지를 렌더링하고 PNG를 다운로드 폴더에 저장합니다.
- 4제한 사항: 지연 로딩 이미지가 자주 누락됨, 고정 요소 처리 없음, 편집 도구 없음, 매우 긴 페이지는 충돌할 수 있음.
3
방법 3: 수동 스크롤 및 연결
전용 도구 없이는 수동으로 스크롤하면서 여러 스크린샷을 찍고 이미지 편집기에서 이어 붙일 수 있습니다. 시간이 많이 걸리고 오류가 발생하기 쉽습니다.
- 1보이는 영역의 스크린샷을 찍으세요.
- 2아래로 스크롤하여 약간 겹치게 또 다른 스크린샷을 찍으세요.
- 3전체 페이지를 덮을 때까지 반복하세요.
- 4모든 스크린샷을 이미지 편집기에서 열고 수동으로 정렬하여 연결하세요.
- 5이 과정은 느리고 부정확하며 자주 사용하기에 실용적이지 않습니다.
기능 비교
| 기능 | Capture Full Page | 내장 도구 | 다른 확장 프로그램 |
|---|---|---|---|
| 자동 페이지 스크롤 | 예, 완전 자동 | 스크롤 없음 (한 번에 렌더링) | 일부 |
| 고정 요소 처리 | 예, 감지 및 관리 | 아니오, 고정 요소 중복 | 드물게 |
| 지연 로딩 콘텐츠 | 예, 이미지 로드 대기 | 아니오, 자주 누락 | 일부 |
| 매우 긴 페이지 (10,000+ px) | 예, 최대 100,000 px | 자주 실패 | 다양 |
| 캡처 후 내장 편집기 | 예, 화살표, 텍스트, 도형, 단계 | 아니오 | 일부 (유료) |
| PDF 내보내기 | 예, 원클릭 | 아니오 | 드물게 |
| 클립보드 복사 | 예, 주석 포함 | 아니오 | 일부 |
| 진행률 표시기 | 예 | 아니오 | 일부 |
자주 묻는 질문
Chrome에서 스크롤 스크린샷을 어떻게 찍나요?
Capture Full Page 확장 프로그램을 설치하고 페이지로 이동한 후 아이콘을 클릭하고 "전체 페이지 캡처"를 선택하세요. 확장 프로그램이 전체 페이지를 자동으로 스크롤하며 각 섹션을 캡처하여 하나의 매끄러운 이미지로 연결합니다. 고정 요소와 지연 로딩 콘텐츠를 자동으로 처리합니다.
전체 페이지 스크린샷에서 이미지가 누락되는 이유는?
많은 웹사이트가 지연 로딩을 사용합니다, 이미지는 뷰포트에 들어올 때만 로드됩니다. Chrome DevTools는 스크롤 없이 전체 페이지를 캡처하므로 로드되지 않은 이미지는 빈 상태로 나타납니다. Capture Full Page는 실제로 페이지를 스크롤하며 각 섹션을 캡처하기 전에 지연 로딩 콘텐츠를 트리거합니다.
매우 긴 웹 페이지를 캡처할 수 있나요?
네. Capture Full Page는 최대 100,000픽셀 높이의 페이지를 처리합니다. 확장 프로그램이 섹션별로 캡처하고 연결하므로 페이지 길이는 제한 요소가 아닙니다. 진행률 표시기가 페이지의 얼마나 캡처되었는지 보여줍니다.
전체 페이지 스크린샷에 헤더가 중복되는 이유는?
고정(fixed-position) 내비게이션 바는 스크롤 중 모든 뷰포트 섹션에 나타납니다. 적절한 처리 없이는 최종 이미지에서 중복됩니다. Capture Full Page는 스티키 요소를 감지하고 캡처 중에 관리하여 중복 없는 깨끗한 결과를 생성합니다.
스크롤 스크린샷과 전체 페이지 스크린샷의 차이점은?
둘은 같은 것을 의미합니다: 웹 페이지의 전체 스크롤 가능 콘텐츠를 캡처하는 것. "스크롤 스크린샷"은 자동 스크롤 메커니즘을 강조하고, "전체 페이지 스크린샷"은 결과인 완전한 페이지의 단일 이미지를 설명합니다. 자세한 워크플로는 전체 페이지 스크린샷 가이드를 참조하세요.
스크롤 스크린샷을 캡처한 후 편집할 수 있나요?
네. 스크롤 캡처가 완료되면 이미지가 화살표, 텍스트, 도형, 형광펜, 단계 번호 매기기, 전체 색상 선택기가 있는 내장 편집기에서 열립니다. 스크린샷에 주석을 달고 PNG, PDF로 내보내거나 클립보드에 복사하세요.