크롬 인터넷 전체 이미지로 저장 하는 방법 (웹 스크롤 캡처)

 

크롬 인터넷 전체 이미지로 저장 하는 방법 Web Scroll Capture (웹 스크롤 캡처)

 

크롬 자체 적으로 개발자 툴을 이용하여 자바스크립트, CSS 등 디테일한 분석을 확인 할 수 있는 기능이 있어서

프로그램 사용 없이도 이미지를 저장하거나 동영상을 다운, 혹은 마우스 오른쪽 마우스 해제로 풀어주는 등 

여러 기능을 유용하게 사용할 수도 있고 웹 관련 종사자분들에게는 좋은 기능이라 할 수 있습니다

 

웹스크롤에는 확장프로그램 스크린샷 기능이 탑재 되어있는 오캠 (Ocam), 알캡처 (ALcapture), 픽픽 (Pick Pick) 소프트웨어 프로그램 등을 이용하여 스샷을 찍는 경우가 많지만 유료 프로그램을 사용하지 않고도 크롬 내의 개발자 도구로 간단하게 찍는 방법을 소개합니다

 

 

개발자 도구 꺼내는 방법

1. 키보드에 있는 F12 키를 눌러 간단하게 개발자 도구를 꺼내놓거나 ( Ctr/ + Shift + i ) 를 눌러 도구 꺼내는 방법과

아래의 이미지 처럼 하는 방법이 있습니다

 

크롬 브라우저 ▶ 세로(···) ▶ 도구 더보기  ▶ 개발자 도구 선택

 

 

 

커맨드 실행하는 방법

2. ( Ctr/ + Shift + P ) 실행 커맨드를 꺼냅니다 

 

( Ctr/ + Shift + P ) 를 눌러 Run command 실행 시킵니다 (Shotcuts ▶ Global ▶Run command 참고)

 

 

 

웹 전체 스크린 샷 찍는 방법

3. 커맨드 창에 Capture full size screenshot 를 적고 아래의 글을 클릭하면 스샷을 찍을 수 있습니다

( 커맨드 창에서 간단하게 full 만 써도 연관 검색어로 나오니 풀네임 안적으셔도 됩니다 )

 

 

이미지 저장된 결과 보기

4. 결과로 나온 이미지는 아래처럼 나옵니다 클릭하셔서 보시면 웹에 있는 스크롤 전체를 스샷을 찍는데

파일명은 png 파일이고 이미지 파일 용량도 준수한 1.6MB 입니다

 

 

외에도 더 많은 기능의 단축키를 보고 싶으시다면 크롬 브라우저 ▶ 톱니바퀴를 눌러 Settings 아래에 있는 Shotcuts 를 참고하시면 됩니다 

 

 

움직이는 이미지 사진으로 사용 방법 알아보기

 

점3개 ▶ 도구 더보기 ▶ 개발자 도구 ▶ Ctr/ + Shift + P ▶ full ▶ Capture full size screenshot 클릭