웹 사이트 페이지 전체 화면 스크롤 캡쳐하는 법 Full Page Screen Capture
웹 사이트의 페이지 전체 화면 스크롤 캡쳐하는 방법을 알려드리도록 하겠습니다.
위 사진과 같이 어떤 페이지의 맨 위에부터 맨 아래까지 한번에 캡쳐하고 싶을 때가 있습니다.
그럴 때 처음 맨 위에를 캡쳐하고 스크롤을 조금씩 내려가면서 캡쳐를 여러번 해서 붙이는 방법으로 하지말고
알아서 한번에 모두 캡쳐할 수 있도록 해주는 정말 유용한 Chrome에서 제공하는 Extension(확장 프로그램)이 있습니다.
바로 Full Page Screen Capture 이라는 확장 프로그램인데요.
Chrome을 사용하신다면 너무도 쉽게 확장 프로그램 추가로 사용하기만 해주시면 앞으로 전체 화면 스크롤 캡쳐를 클릭 한번으로 아주 쉽게 하실 수 있습니다.
그럼 확장프로그램 추가부터 사용 방법까지 모두 소개 해드리도록 하겠습니다.
먼저 Chrome Webstore (크롬 웹스토어)에 들어갑니다.
https://chrome.google.com/webstore/category/extensions
크롬 웹 스토어에 들어오셨으면
스토어 검색에 소개해드릴 확장 프로그램인 full Page Screen Capture 를 검색하도록 하겠습니다.
full page screen capture 를 검색하면
검색 결과 최 상단에 Full Page Screen Capture 확장 프로그램이 등장합니다.
2020년 7월 15일 기준 400만명 이상이나 사용하고있는 검증된 정말 유용한 확장 프로그램입니다!
바로 Chrome에 추가를 클릭하셔서 사용할 준비를 하시면 됩니다.
여기서도 확장 프로그램 추가를 클릭해줍니다.
그럼 잠시만 기다려주시면,
Full Page Screen Capture 확장 프로그램 추가가 완료되며 환영 페이지가 나옵니다.
그리고 Full Page Screen Capture 확장 프로그램의 아이콘이 등장합니다.
해당 아이콘을 클릭하기만 하면 현재 페이지의 모든 화면을 캡쳐할 수 있습니다!
이제 사용할 준비가 모두 완료 되었습니다.
바로 사용해 보도록 하겠습니다.
예시를 보여드리기 위해 저는 네이버를 캡쳐해보도록 하겠습니다.
저는 예시로 네이버를 캡쳐할 것이지만,
전체 화면 스크롤 캡쳐를 원하는 페이지로 가신 뒤, Full Page Screen Capture 확장 프로그램 아이콘을 클릭합니다.
Full Page Screen Capture 확장 프로그램 아이콘을 클릭하면 위 사진처럼
페이지가 점점 스크롤 다운되면서 촬영에 들어가게 되고,
팩맨이 나오면서 진행상황을 알려줍니다.
팩맨이 오른쪽 끝까지 가고, 페이지가 가장 아래쪽으로 내려가게 되면 캡쳐가 완료됩니다.
캡쳐가 완료되면 위 사진과 같이,
페이지 전체 화면 스크롤 캡쳐한 이미지가 보이고,
오른쪽 상단에 버튼들이 있는데 왼쪽에서부터 설명드리면
Edit : 캡쳐한 이미지 수정하기
Report issue : Full Page Screen Capture 문제점에 대해 개발자에게 메일 남기기
Delete image : 캡쳐한 이미지 삭제
Download PDF : 캡쳐한 이미지 PDF 파일로 다운로드
Download image (PNG) : 캡쳐한 이미지 PNG 파일로 다운로드
Files : Full Page Screen Capture로 현재까지 캡쳐한 모든 파일 목록 보기
Options : Full Page Screen Caputre 설정
이렇게 되어있습니다.
모든 기능들에대한 자세한 설명은 생략하고 우리가 원하는 Download image (PNG) 버튼을 클릭해 사진을 다운로드 하도록 하겠습니다.
페이지에서 스크롤 다운하며 페이지의 모든 화면이 캡쳐가 아주 잘 되었습니다.
이제 페이지 전체 화면 스크롤 캡쳐를 원하실 때 Full Page Screen Caputre 아이콘만 클릭하면 언제든지 편하게 전체 화면을 캡쳐하실 수 있습니다!
도움이 되셨다면 공감, 댓글 부탁드립니다!
궁금하신 점이나 요청 사항은 언제든지 말씀 해주세요!
감사합니다.
'Tip' 카테고리의 다른 글
Chrome Extension Icon 안보일 때 (크롬 확장프로그램 아이콘 안뜸 해결) (5) | 2020.07.21 |
---|---|
Mac Install Nox App player 맥 녹스 설치하기 및 99%에서 안되는 부분 해결 (15) | 2020.07.16 |
Tistory 티스토리 블로그 복사 시 자동 출처, 저작권자 표시 플러그인 설정 (0) | 2020.07.12 |
정말 간단하게 마우스 드래그, 우클릭 복사 방지 해제 방법(Chrome Disable javascript) (1) | 2020.07.09 |
포토샵 없이 색상 코드 알아내는 법 (사진, 그림 색상 코드 얻는 법) (0) | 2020.07.03 |
댓글