크롬 스크롤 캡처하는 2가지 방법 (확장, 개발자 도구)

이번 글에서는 크롬 스크롤 캡처하는 2가지 방법에 대해 알아보려 합니다. 보통 윈도우에서 화면을 캡처하면 현재 화면에 보이는 부분만 캡처를 하지만 웹브라우저의 경우 화면에 다 보이지 않는 웹페이지 전체를 캡처해야 하는 경우가 있습니다. 웹페이지 전체를 캡처한 이미지는 자료로 저장해 두거나 프로그램을 이용해 PDF로 변환하여 편집을 할 수도 있습니다.

웹페이지 전체를 캡처하려면 스크롤 캡처를 해야 하는데 크롬 브라우저에서 스크롤 캡처를 하는 방법은 확장 프로그램을 이용하는 방법과 개발자 도구를 이용하는 방법 두 가지가 있습니다.



크롬에서 GoFullPage라는 확장 프로그램을 이용하여 웹페이지 전체를 캡처하는 방법입니다.

크롬 더 보기 메뉴에서 Chrome 웹스토어 방문하기를 클릭


크롬 창 우측 상단에 점 세 개(더 보기)를 클릭하여 뜨는 메뉴에서 확장 프로그램 하위에 Chrome 웹 스토어 방문하기를 클릭합니다.


크롬 웹 스토어에서 gofullpage로 검색


Chrome 웹 스토어로 이동하고 gofullpage를 검색하면 위와 같이 GoFullPage 확장 프로그램이 검색되고 이것을 클릭합니다.


gofullpage 확장 프로그램을 크롬에 추가gofullpage 확장 프로그램을 크롬에 추가


위의 페이지가 뜨고 빨간 테두리 안에 Chrome에 추가를 클릭하여 GoFollPage 확장 프로그램을 크롬에 설치합니다.


gofullpage 고정핀을 클릭하여 주쇼표시줄 오른쪽에  카메라 아이콘 생성


GoFullPage 확장 프로그램이 설치된 후 크롬 주소표시줄 오른쪽에 퍼즐 모양의 아이콘을 클릭하면 위와 같이 확장 프로그램 설정 창이 뜨고 빨간 테두리 안에 GoFullPage 확장 프로그램의 고정 핀 모양을 클릭하면 주소 표시줄 오른쪽에 카메라 모양의 아이콘이 생성됩니다.


크롬 스크롤 캡처를 위해 주소표시줄 오른쪽에 카메라 모양 아이콘 클릭


캡처를 할 웹사이트로 이동하고 웹사이트 전체를 캡처하기 위해 위에서 생성한 카메라 모양의 아이콘을 클릭합니다. 그러면 잠시 웹사이트 전체를 캡처하는 작업이 진행됩니다.


스크롤 캡처된 이미지가 뜨고 다운로드 아이콘 클릭


캡처 작업이 끝나면 별도로 탭이 추가되면서 위와 같이 웹페지이 전체가 캡처된 이미지가 뜨게 됩니다. 이 이미지를 PC에 저장하려면 빨간 테두리 안에 다운로드 아이콘을 클릭하면 PNG 이미지로 크롬 다운로드 폴더 안에 저장됩니다.



크롬 브라우저에 확장 프로그램을 추가하고 싶지 않고 더 간단한 방법으로 스크롤 캡처를 하고 싶다면 개발자 도구를 이용해 간단히 스크롤 캡처를 할 수 있습니다.

크롬 브라우저를 실행하고 웹페이지 전체를 캡처할 사이트로 이동한 후 개발자 도구를 열기 위해 키보드에 F12 키를 누릅니다.

개발자 도구 창에서 더보기 메뉴에 run command를 클릭


위와 같이 개발자 도구 창이 뜨고 상단 빨간 테두리 안에 점 세 개를 클릭하여 뜨는 메뉴에 Run command를 클릭하거나 키보드로 직접 [Ctrl + Shift + P]키를 누릅니다.


자동 완성된 capture full size screenshot 명령어 클릭


위와 같이 명령어 입력 창이 뜨고 입력란에 capture를 입력하면 아래에 자동 완성된 명령어들이 표시됩니다. 명령어 중 Capture full size screenshot을 클릭합니다.


웹사이트 전체가 스크롤 캡처되고 이미지를 다운로드함


그러면 위와 같이 현재 웹사이트 전체가 캡처된 png 이미지가 크롬 다운로드 폴더 안에 다운로드되고 이 파일을 열어 이미지를 확인하면 됩니다.


– 추천 글 –

갤럭시 스크롤 캡처하는 방법 (부분 또는 전체화면) (ittomcat.com)

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다