스크롤 스크린샷

스크롤 스크린샷은 화면에 보이는 영역보다 세로 또는 가로로 긴 콘텐츠를 한 장의 이미지로 만든 결과물입니다. 콘텐츠를 스크롤하면서 구간별로 캡처한 뒤, 구간들을 이어 붙여 하나의 긴 이미지로 만듭니다.

스크롤 스크린샷은 스크롤되는 모든 앱에서 동작합니다. 채팅 기록, 설정 패널, 긴 문서, 피드, 웹 페이지가 예입니다. 일부 휴대폰은 시스템 스크린샷 도구에 스크롤 캡처 기능을 포함합니다. macOS 기본 스크린샷 도구는 화면에 보이는 영역만 캡처하므로, Mac에서 스크롤 캡처를 하려면 브라우저 기능, 확장 프로그램 또는 서드파티 앱이 필요합니다.

스크롤 스크린샷과 전체 페이지 스크린샷의 차이

전체 페이지 스크린샷은 웹 전용 캡처 방식입니다. 브라우저가 현재 뷰포트 너비에서 문서 전체를 스크롤 없이 한 장의 이미지로 렌더링합니다. 스크롤 스크린샷은 실제 창을 스크롤하면서 보이는 구간을 이어 붙입니다. 따라서 브라우저 밖에서도, 중첩된 스크롤 영역 안에서도 동작합니다. 전체 페이지 캡처는 구간 사이에 이음새가 생기지 않습니다. 스크롤 캡처는 범용성이 높지만, 구간 사이의 콘텐츠가 변하지 않아야 정확하게 이어집니다.

스크롤 스크린샷을 사용하는 경우

• 기록이나 지원 요청을 위해 긴 채팅 대화를 저장할 때.
• 메인 페이지가 아니라 스크롤 패널 안에 콘텐츠가 있는 웹 페이지.
• 한 화면을 넘는 앱 설정 및 양식.
• 긴 영수증, 주문 확인 내역, 타임라인.

스크롤 스크린샷의 동작 방식

1. 도구가 보이는 영역을 캡처함.
2. 고정된 거리만큼 스크롤하되 겹치는 영역을 남겨 둠.
3. 다시 캡처하고 끝에 도달할 때까지 반복함.
4. 겹치는 영역을 매칭하여 구간들을 이어 붙임.

Firefox의 스크린샷 도구는 전체 페이지를 저장할 수 있습니다. Chrome에서는 개발자 도구의 Capture full size screenshot 명령으로 같은 작업을 할 수 있습니다.

스크롤 스크린샷 사용 시 흔한 실수

• 고정 헤더(sticky header)가 모든 구간에 반복해서 나타남.
• 지연 로딩 이미지가 아직 로드되지 않아 빈 영역으로 보임.
• 애니메이션이 끝나기 전에 너무 빠르게 스크롤함.
• 전체 복사가 허용되지 않은 콘텐츠를 캡처함.

같은 스크린샷을 반복해서 찍나요?

Temposhot Chrome 확장 프로그램은 활성 탭을 스크롤하고, 뷰포트를 Retina 해상도로 로컬에서 이어 붙여 PNG 파일 하나를 다운로드합니다. 여러 URL을 처리할 때는 Website Capture의 Full page 영역 설정으로 목록 전체를 한 번에 실행할 수 있습니다.

자주 묻는 질문

Mac에서 스크롤 스크린샷을 기본 기능으로 찍을 수 있나요?

Shift+Command+3, Shift+Command+4, Shift+Command+5로는 찍을 수 없습니다. 이 단축키들은 화면에 보이는 영역만 캡처합니다.

스크롤하면서 찍은 스크린샷들은 어떻게 이어 붙이나요?

브라우저에서 다음 도구를 사용합니다. Stitch Screenshots

출처

• Wikipedia의 Image stitching
• Mac에서 스크린샷 찍기 (Apple Support)

관련 자료

• 스크린샷 이어 붙이기: 캡처를 하나의 이미지로 결합함.
• 이미지 분할: 긴 캡처를 페이지 단위로 자름.
• Website Capture 옵션: Full page 영역 설정.