본문 바로가기
일상 정보

[IT] 브라우저 스크롤 페이지 한 방에 캡처하는 법, 다 알려줌 😎

by 주인 주시자 2025. 4. 21.
728x90
반응형
SMALL

 인터넷 서핑을 하다 보면 긴 웹페이지 전체를 한 번에 캡처하고 싶은 순간이 있다. 특히 자료를 정리할 때, 업무 회의 자료로 쓸 때, 혹은 인스타용 짤(?) 하나 만들 때 유용하게 쓰이는 기능이다. 한 페이지 캡처하는 것은 Windows의 캡처 도구나 Window Key + Shift + S, Mac의 Command + Shift + 3(전체) or 4(부분)로 한 방에 끝낼 수 있는데, 문제는 스크롤이 있을 때다, 이게 쉬운 것 같으면서도 브라우저마다 방법이 다르고, 페이지에 따라 다르다는 거…😓

 그래서! 이번 글에서는 스크롤이 있는 웹페이지 전체를 한 화면으로 저장하는 방법을 몇 가지 정리해 봤다. 필자가 직접 써본 방법들 중에서 가장 간단하고 실용적인 팁만 모아봤으니 참고해 보자 👀


1. 화면으로는 2 페이지지만, 문서로는 1페이지 정도되는 크기

브라우저 화면을 축소해서 1페이지로 만들어서 브라우저 화면 캡처를 해도 되지만,

브라우저의 인쇄로 가서 pdf 문서로 출력하면, 만사 OK🤣. 그 후에는 pdf에서 이미지로 저장해서 사용해도 되니

깐~👍

 

이 방법 외에 조금 큰 사이즈들에 대해서 브라우저별 방법이 아래에 있으니 참고~!

 

< 크롬(Chrome) >

✅ 방법

  1. 캡처할 페이지 열기
  2. F12 또는 Ctrl + Shift + I 를 눌러 개발자 도구 열기
  3. Ctrl + Shift + P 를 눌러 명령어 실행창(Command Palette) 열기
  4. full 이라고 입력 → Capture full size screenshot 클릭
  5. 자동으로 다운로드됨 🎉

🔍 팁

  • 저장되는 파일은 PNG 형식으로 고해상도 캡처가 가능함
  • 페이지의 가로 스크롤이 있는 경우, 다소 잘리는 현상이 발생할 수도 있음

< 파이어폭스(Firefox) >

 

파이어폭스는 캡처 기능이 내장돼 있어 더 직관적이다. 별도 설치 없이 바로 가능하다 💡

✅ 방법

  1. 캡처할 페이지에서 마우스 우클릭
  2. “전체 페이지 캡처(Take Screenshot)” 클릭
  3. 저장 위치 선택 → 다운로드 완료!

또는 주소창 오른쪽 점 3개 메뉴 > “캡처” 클릭으로도 가능하다.

🔍 팁

  • 크롬보다 훨씬 빠르고 직관적
  • 전체 페이지 외에도 선택 영역 캡처도 매우 쉬움

 

< 마이크로소프트 엣지(Edge) >

 

엣지도 크롬 기반이라 방법이 유사하다. 최근에는 자체 스크린샷 기능이 더 좋아졌다.

✅ 방법

  1. Ctrl + Shift + S → 웹 캡처(Web Capture) 실행
  2. 하단의 전체 페이지 캡처 클릭
  3. 저장 or 복사

🔍 팁

  • 이미지 저장 외에도 바로 OneNote 공유 가능
  • 다른 앱에 붙여넣기(클립보드 복사)도 OK

2. 확장 프로그램으로 캡처하기 (모든 브라우저 공통)

위의 방법들도 좋지만, 제대로 동작하지 않는 페이지들이 있다. 확실한 건 확장 프로그램을 쓰는 것!!!👍

🔧 추천 확장 프로그램

이름 특징 설치 링크
GoFullPage 전체 페이지 자동 캡처, 광고 제거 옵션도 있음 Chrome Web Store 바로가기
FireShot PDF로 저장, 선택 영역 캡처, 편집 기능 제공 Chrome/Edge에서 사용 가능

🎨 브라우저별 캡처 방법 한눈에 보기

브라우저 단척키/방법 장점 단점
크롬 F12 → Ctrl+Shift+P → Capture full size screenshot 고해상도 캡처 가능 초보자에겐 낯선 접근성😂
파이어폭스 우클릭 → 스크린샷 매우 직관적, 빠름 GIF 등 다른 포맷 지원은 없음
엣지 Ctrl+Shift+S → 전체 페이지 캡처 OneNote 연동 등 추가 기능 일부 페이지 렌더링 이슈 있음
확장 프로그램 GoFullPage, FireShot 등 다양한 기능, PDF 저장 등 설치 필요, 일부 유료

 
728x90
반응형
LIST

댓글