스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

크롬 브라우저에서 보여지는 웹페이지 뿐만 아니라 스크롤 아래까지 웹페이지의 전체화면을 캡쳐하는 것을 스크롤 캡쳐라고 하는데요.

자료 수집용으로 스크랩을 할 때 유용한 스크롤 캡쳐 기능은 PC에서는 크롬의 확장 프로그램을 활용해 스크롤 캡쳐 화면을 이미지로 저장할 수 있고 모바일 환경에서는 스마트폰 자체 기능으로 크롬 전체화면을 스크롤 캡쳐할 수 있습니다.

  • PC에서 크롬 스크롤 캡쳐 하는 방법
    • 확장 프로그램 GoFullPage 활용
    • 개발자 도구 활용
  • 모바일에서 크롬 스크롤 캡쳐하는 방법
    • 아이폰
    • 갤럭시 (안드로이드 계열)

PC에서 크롬 스크롤 캡쳐 하는 방법

확장 프로그램 GoFullPage 활용

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem
GoFullPage 크롬에 추가

GoFullPage는 마우스 클릭 한번으로 전체화면을 스크롤 캡쳐할 수 있는 크롬 확장 프로그램으로 누구나 쉽게 사용할 수 있으며 불필요한 권한을 요구하지 않는 것이 특징입니다.

아래 링크를 클릭해 확장 프로그램을 설치합니다.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

GoFullPage – Full Page Screen Capture

추가 권한을 요청하지 않고 현재 페이지의 스크린샷을 전체적으로 캡처하고 신뢰할 수 있습니다!

chrome.google.com

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

  1. 크롬의 주소창 오른쪽의 확장 프로그램 아이콘을 클릭한 후 GoFullPage를 고정합니다.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem
전체화면 스크롤 캡쳐

  1. 캡쳐를 원하는 웹페이지로 이동한 후 GoFullPage 아이콘을 클릭합니다.
  2. 화면이 자동으로 스크롤되며 전체화면 캡쳐를 시작합니다.

💡 화면이 자동으로 스크롤 될 때 웹페이지를 클릭하면 캡쳐가 취소됩니다.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem
스크롤 캡쳐 이미지 저장하기

  1. 캡쳐가 완료되면 이미지(PNG) 또는 PDF로 저장합니다.

💡 이미지 저장시 접근 권한이 요구되며 크롬 다운로드 폴더에 캡쳐 이미지가 저장됩니다.

개발자 도구 활용

확장 프로그램을 설치하기 꺼리는 경우에는 개발자 도구를 활용해서 웹페이지 전체화면 스크린샷을 찍을 수 있습니다.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

  1. 캡처할 웹페이지로 이동합니다.
  2. F12 키를 눌러 개발자 도구를 엽니다.
  3. 개발자도구 메뉴에서 명령어 실행을 선택합니다. (단축키 : Ctrl + Shift + P)

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

  1. 실행창에 노드 스크린샷 캡처를 검색합니다.
  2. 검색 결과를 클릭하면 전체화면 캡처가 실행됩니다.
  3. 다운로드 폴더에 캡처 이미지가 저장됩니다.

단축키 조합으로 실행하면 확장 프로그램 없이도 크롬에서 쉽게 전체화면 스크린샷을 찍을 수 있습니다.

모바일에서 크롬 스크롤 캡쳐하는 방법

모바일 크롬에서는 확장 프로그램을 사용할 수 없기 때문에 스마트폰 자체에서 지원하는 스크린샷 기능을 이용해 스크롤 캡쳐를 해야 합니다.

아이폰

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

  1. 모바일 크롬 앱을 연 다음 스크롤 캡쳐를 할 웹페이지로 이동합니다.
  2. 볼륨업 버튼과 전원 버튼을 동시에 눌러 스크린샷을 찍습니다.
  3. 좌측 하단의 미리보기를 터치합니다.
  4. 스크린샷 편집 화면 상단의 전체 페이지 탭을 터치합니다.
  5. 완료 버튼을 터치합니다.

스크롤 캡쳐에 대해 좀 더 자세한 설명을 알고 싶다면 아래 글을 참고해주세요.

참고 : 아이폰 전체화면 스크롤 캡쳐 찍는 방법

갤럭시 (안드로이드 계열)

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

  1. 설정 > 유용한 기능 > 화면 캡처 및 화면 녹화로 이동합니다.
  2. 캡처 후에 툴바 표시 옵션을 활성화합니다.
  3. 모바일 크롬 앱을 연 다음 캡처할 웹페이지로 이동합니다.
  4. 볼륨 – 버튼과 전원 버튼을 눌러 스크린샷을 찍습니다.
  5. 캡처 툴바가 팝업되면 스크롤 버튼을 눌러 스크롤 캡처를 시작합니다.
  6. 버튼을 떼면 갤러리에 저장됩니다.

💡 스크롤 버튼을 계속 누르고 있거나 터치를 연속으로 해서 스크롤을 내려야 합니다.

툴바 표시 옵션을 잘 못찾겠거나 좀 더 자세한 설명이 필요하다면 아래 글을 참고해주세요.

참고 : 갤럭시 전체화면 스크롤 캡처 찍는 방법

6. 개발도구/6_4 잘쓰면 업무에 유용한 도구

스크롤 캡쳐 프로그램(구글 플러그인)

2020. 4. 27.

스크롤 캡쳐 프로그램(구글 플러그인)

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 구글 플러그인으로 편하게 캡쳐 하기 ] 입니다. : ) 


회사에서, 집에서 컴퓨터를 사용하다 보면 PrintScreen이나, 그림판, 캡쳐 도구 등을 사용하여 화면을 캡쳐해보셨을 것이다.

다만 기본 제공되는 그로그램, 기능으로는 페이지에 스크롤이 있는경우, 페이지 전체를 스크롤 하여 캐쳐하기 어려웠을 것이다.

사이트 특정 페이지의 맨 위에서 제일 아래까지 모두 스크린 캡쳐하고 싶을때, 

구글 플러그인을 통해 간단하게 스크롤 캡쳐 하는 방법 2가지에 대해 작성 하려 한다.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem
1. Full Page Screen Capture

 - 정말 특별한 기능이 따로 없고, 가끔씩 특정 웹에서는 스크롤 캡쳐가 안되는 경우가 있지만, 아주 간단한 플러그인 이다.

 - 이후 포스팅할 프로그램과 같이 병행하여 사용하면 유용할 것 같다. 

▶ 설치 방법

1) 설정 >> 확장 프로그램 클릭 (또는 크롬에서 다음 경로 입력 chrome://extensions/ )

( 위와 같은 방법이 귀찮다면 다음 설치 경로 직접 이동

https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl?hl=ko

)

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

2) Full Page Screen Capture 검색하여 설치

3) 설치 후 브라우저 상단 우측에 다음과 같은 모양의 플러그인 추가 확인.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

▶ 사용 방법

1) 해당 버튼을 클릭하면 자동으로 스크롤 캡쳐를 실행 한다.

ex) 실행 예시 화면 영상

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

2) 결과 페이지에서 편집하거나, PDF, PNG 로 다운을 수 있도록 제공 한다.

아주 간단히 스크롤 캡쳐 기능만 필요하다면 사용해볼만 한 프로그램이다. 

2. Awesome Screenshot

 - 기본적인 스크롤 캡쳐도 가능하고, 현재 페이지 캡쳐, 그리고 간당한 영상까지 캡쳐 가능한 프로그램.

▶ 설치 방법

1) 설정 >> 확장 프로그램 클릭 (또는 크롬에서 다음 경로 입력 chrome://extensions/ )

( 위와 같은 방법이 귀찮다면 다음 설치 경로 직접 이동

https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj

)

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

2) Full Page Screen Capture 검색하여 설치

3) 설치 후 브라우저 상단 우측에 다음과 같은 모양의 플러그인 추가 확인.

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

▶ 사용 방법

1) 해당 버튼 클릭. 스크롤 캡쳐를하려는 경우, 팝업창에서 Capture Entire Page 클릭

스크롤 캡쳐 확장프로그램 - seukeulol kaebchyeo hwagjangpeulogeulaem

각각의 기능은 다음과 같다.

◎ Screenshot 탭

 - Capture Visible Part of Page : 크롬 창 내 보이는 이미지만 캡쳐
    - Capture after Countdown : 지정한 초만큼 딜레이를 두고 캡쳐
 - Capture Selected Area : 선택영역 캡쳐

 - Capture Entire Page : 전체영역 캡쳐 
 - Select a Local Image : 컴퓨터 내부에 있는 파일 편집용
 - Capture Desktop : 일반적인 스크린 캡쳐

◎ Record 탭

 - Record Screen : 녹화 / 30초까지 가능 하다.
 - My Recordings : 녹화한 영상 보기

나와 같은 경우 가끔 각 플러그인 마다 원하는 대로 동작하지 않는 경우가 발생하여 두가지 플러그인을 혼용하여 사용 하고 있다. :-)