본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


기타

크롬 화면 캡쳐, Chrome 화면 캡쳐(chrome capture, screen shot)

야근없는 행복한 삶을 위해 ~
by 마샤와 곰 2020. 12. 1.

간단정리!

크롬 브라우저에서 화면 전체를 캡쳐하는 방법 입니다.

4가지 단계로 정리하여 보았습니다.

 

1. 먼저 단축키 F12를 눌러줍니다.

F12를 누르면 개발자 도구(Development tool)가 실행이 됩니다.

아래와 같은 화면이 나타납니다.

이런식으로 뭔가 아래에 이상한게 나타 납니다.

 

F12키가 없다면(?) 아래 사진처럼 마우스로 클릭해서 실행 할 수 있습니다.

1번 ~ 3번순으로 눌러주세요.

 

2. 그리고 나서 Ctrl + Shift + p 키를 눌러줍니다.

요런 입력창이 나옵니다.

 

Ctrl + Shift + p 를 동시에 누르지 못하는 경우라면 아래 사진처럼 마우스로 클릭할 수 있습니다.

클릭하는 곳은 개발자 도구라고 불리는 곳 입니다.

역시 순서대로 눌러주세요

 

3. 입력창에 Capture 라고 영어로 써 줍니다.

영어로 쓰면 보라색의 뭔가 나타납니다.

 

4. 전체선택, 모든크기 선택, 보이는 영역 선택 등 자신이 원하는 영역에 맞추어 클릭하여 줍니다.

클릭과 동시에 화면이 캡쳐되면서 파일을 다운로드창에 떨어지게 됩니다.

이렇게 주소 명칭과 함께 이미지로 받을 수 있습니다.

 

해당 기능의 장점은 웹 화면 전체를 깔끔하게 전부 받을 수 있다는 점 입니다.

아래 사진처럼 모든크기를 가져와서 표현 가능 합니다.

 

이상으로 크롬 브라우저를 통한 화면캡쳐에 대해서 살펴보았습니다!

문의사항은 언제든지 연락주세요. ^^

반응형
* 위 에니메이션은 Html의 캔버스(canvas)기반으로 동작하는 기능 입니다. Html 캔버스 튜토리얼 도 한번 살펴보세요~ :)
* 직접 만든 Html 캔버스 애니메이션 도 한번 살펴보세요~ :)

댓글