본문 바로가기
IT/Digital

브라우저 화면 캡처 방법 (스크롤 캡처 포함)

by 청바지 입고 개발자 2021. 4. 20.
반응형

 

안녕하세요 

 

오늘은 크롬 브라우저를 사용하여 브라우저 화면을 아주 쉽게 캡처할 수 있는 방법에 대해서 알아보려고 합니다.(추가되는 소프트웨어 없음) 특히 스크롤 캡처 기능에 대해서 관심 있는 분들에게 유익할 것 같습니다.

 

 

 

지난 포스팅에서는 윈도우10에서 제공하는 막강한 화면 캡처 방법에 대해서 소개드렸었는데요

 

 

쉽고 강력한 화면 캡처 방법 (블로그, 문서작성)

안녕하세요 오늘은 PC에서 사용하기 가장 쉬우면서도 강력한 화면캡처 방법에 대해서 공유합니다. 저 같은 경우는 블로그, 문서작성을 할 때 캡처 기능을 워낙에 많이 쓰기 때문에 오픈소스나

dreamdeveloper403.tistory.com

 

크롬 브라우저에서 제공하는 화면 캡처 방법은 좀 더 독특한 기능이 있어서 소개하려고 합니다. 

 

바로 브라우저에 표시되는 화면 영역뿐만 아니라 스크롤했을 때의 전체 화면을 캡처할 수 있는 방법입니다.

이런 기능을 어떻게 부르는지는 모르지만 우선 전 스크롤캡처라고 명명하겠습니다. ^^ 

 

자 그럼  빠르게 설명하도록 할게요 

우선 아래의 순서를 가볍게 보세요. 하나하나 차근차근 설명 드리겠습니다.

 

흐름정리

1) F12 키를 누른다.

2) Ctrl + Shift + P를 누른다.

3) screenshot 를 타이핑 

 

크롬 브라우저 캡처 방법 

F12키를 누릅니다. 누르면 크롬 브라우저가 디버깅 모드로 전화됩니다. 보통 개발자분들이 많이 사용하는 메뉴인데요 이 영역을 열어야 해당 기능을 사용할 수 있습니다. F12키를 다시 누르면 다시 살아지니 당황하지 않으셔도 됩니다. 

 

 

 

 

 

위 화면이 나왔으면 Ctrl + Shift + P를 누릅니다. 아래 화면처럼 크롬 브라우저에서 사용할 수 있는 다양한 기능들이 나열됩니다. 

 

 

우린 크롬 브라우저의 많은 기능 중 캡처 기능만을 사용할 예정이므로 캡처 기능을 조회합니다.

입력창에 screenshot이라고 치시면 됩니다.
조금만 입력하셔도 자동 완성됩니다. 

그럼 크롬 브라우저에서 사용 가능한 4가지 옵션이 리스트로 나오게 됩니다.

 

 

스크린샷 기능

 

<크롬 브라우저 옵션 >

Capture area screenshot 

특정 영역을 캡처할 수 있는 기능입니다.

마우스 드래그 & 드롭 기능을 활용하여 화면 캡처합니다.

Capture full size screenshot

브라우저에 표시된 화면뿐만 아니라 스크롤된 전체 화면을 캡처할 수 있는 기능입니다.

Capture screenshot 

현재 보고 있는 화면을 캡처하는 화면 캡처 방법입니다.

기본적으로 캡처를 하게 되면 내 PC의 다운로드 폴더에 이미지 파일을 만들어 줍니다.

 

자그럼 Capture full size scrennshot을 해보겠습니다.

아래는 full size screenshot을 이용한 캡처된 이미지입니다. 스크롤된 전체 화면의 모습이 길게 캡처되어 이미지 파일로 저장되었습니다.

 

FULL SIZE SCREENSHOT

 

 

 

오늘은 크롬 브라우저를 사용한 화면 캡처 방법에 대해서 알아 보았습니다.  좋은 하루 되세요. ^^

 

 

< 유용한 추가적인 캡처 꿀TIP> ▼

 

 

스마트폰 전체 화면 캡처방법(스크롤 캡처)

안녕하세요 오늘은 스마트폰 전체화면 캡처 방법(스크롤 캡처)에 대해서 알아 보겠습니다. 주변분들에게 확인해 본 결과 의외로 많은 분들이 이 기능에 대해서 모르셨는데요 저 같은 경우는 스

dreamdeveloper403.tistory.com

 

쉽고 강력한 화면 캡처 방법 (블로그, 문서작성)

안녕하세요 오늘은 PC에서 사용하기 가장 쉬우면서도 강력한 화면캡처 방법에 대해서 공유합니다. 저 같은 경우는 블로그, 문서작성을 할 때 캡처 기능을 워낙에 많이 쓰기 때문에 오픈소스나

dreamdeveloper403.tistory.com

반응형

댓글