크롬, 엣지, 웨일 브라우저 화면 캡처 기능 사용 방법

엣지, 웨일 브라우저는 각자 제공하고 있는 화면 캡처 기능이 있지만, 정말 많이 사용하는 크롬 브라우저에는 화면 캡처 기능을 사용하려면, 확장 프로그램을 추가해야만 사용할 수 있는 것으로 알려져 있습니다.
구글 크롬(Google Chrome Browser), MS 엣지(Microsoft Edge Browser), 네이버 웨일(Naver whale Browser) 브라우저는 모두 크로미움 기반의 브라우저입니다. 크로미움 기반의 브라우저인 크롬, 엣지, 웨일에서 공통적으로 사용할 수 있는 스마트한 화면 캡처 기능에 대해서 알아보도록 하겠습니다.

 

크롬, 엣지, 웨일 브라우저 스마트한 화면 캡처 기능 사용 방법

크롬, 엣지, 웨일 브라우저에서 제공하는 화면 캡처 기능을 알아보고, 크로미움 기반에서 공통적으로 제공 또는 사용할 수 있는 

(1) 웹 브라우저 화면 캡처 기능

윈도우에서 화면 캡처를 하는 방법은 키보드 [윈도우 로고키 + Shift + S] 키를 동시 입력하면, 캡처 메뉴가 나오고 4가지 캡처 기능 중에서 원하는 메뉴를 선택해서 화면을 캡처할 수 있습니다. 또는 윈도우에서 전체화면 캡처를 위해서 키보드 [윈도우 로고키 + Prt Sc Sys Rq] 키를 동시 입력해서 화면 캡처를 할 수 있습니다.
하지만 크롬, 엣지, 웨일 브라우저 자체에서도 캡처 기능을 사용할 수 있습니다. 인터넷 웹 브라우저 화면에서 윈도우 캡처 기능에서는 사용할 수 없는 웹브라우저 전체 영역 캡처 기능을 사용할 수 있어서, 큰 장점이 있습니다.

① 크롬 화면 캡처 기능 

크롬에서는 메뉴 툴바나 설정에 캡처 기능이 없어서 별도로 플러그인을 설치해서 캡처 기능을 사용하는 경우가 많습니다.

• 크롬 화면 캡처 및 동영상 녹화 플러그인 확장 프로그램은 주로 [Awesome Screenshot and Screen Recorder] 사용하는 것을 추천합니다.
• 설치 방법은 크롬 웹스토어 접속 ▶ "화면 캡처" 스토어 검색 ▶ [멋진 스크린샷 및 스크린 레코더] 또는 [Awesome Screenshot]을 선택해서 [Chrome에 추가] 버튼을 클릭해서 확장프로그램을 추가할 수 있습니다.

하지만, 크롬도 크로미움 기반의 브라우저로, 크롬 확장 프로그램, 플러그인을 설치하지 않고도 공통적으로 사용할 수 있는 전체 화면 캡처, 스크롤 영역 전부 캡처 기능 등을 모두 똑같이 사용할 수 있기 때문에 아래에서 설명하는 크로미움 기반 화면 캡처 기능을 사용해 보시기 바랍니다.

② 엣지 화면 캡처 기능

기본 화면 캡처 : 웹 서핑을 하다가, 인터넷 창의 빈 공간에 마우스 오른쪽 버튼을 클릭 [웹 캡처] 버튼 클릭 하거나 키보드 [Ctrl+Shift+S] 단축키를 눌러서 캡처 기능 실행 ▶ 엣지 브라우저만의 캡처 창이 실행 ▶ [캡처 영역] 버튼을 클릭하면, 마우스로 캡처 영역을 클릭 드래그해서 [복사] 버튼을 클릭하면 클립 보드에 복사가 되고, [캡처에 메모 및...] 버튼을 클릭하면 캡처한 내용을 새로운 창에 띄워서 그리기, 지우기, 저장 등의 기능을 사용할 수 있습니다.

전체 화면 캡처 : 그런데 인터넷 서핑을 하다가, 캡처하고 싶은 화면의 내용이 스크롤해서 아래로 긴 경우에는 엣지 캡처 기능을 실행한 다음 [전체 페이지 캡처] 버튼을 클릭해서 웹 브라우저에서 스크롤해서 내려서 확인해야 하는 내용까지도 모두 함께 화면 캡처를 할 수 있습니다.

③ 웨일 화면 캡처 기능

웨일 브라우저에서는 우측 상단에 [캡처] 아이콘을 눌러서 실행할 수 있습니다.
[캡처] 아이콘을 누르면, [직접지정], [영역선택], [전체페이지], [전체화면]을 선택해서 화면 캡처 기능을 사용할 수 있습니다. 웨일에서 조금 특별한 기능은 화면 캡처한 이미지를 저장할 때, JPG 또는 PNG 파일로 확장자를 선택해서 저장할 수 있어서 사용자 편의성을 많이 고려했다고 볼 수 있습니다.

 

(2) 크로미움 기반 브라우저 화면 캡처 기능

크로미움 기반의 브라우저는 크롬, 엣지, 웨일과 같은 웹 브라우저를 모두 포함합니다. 크로미움 기반의 브라우저에는 원래 다양한 기능이 내장되어 있습니다.
별도의 플러그인을 설치할 필요 없이 여러 가지 캡처하는 방법에 대해서 알아보도록 하겠습니다.

크로미움 기반 크롬, 엣지, 웨일 브라우저 공통 화면 캡처 기능 사용 방법

매뉴얼 : 브라우저 창 실행 ▶ 웹서핑을 하다가 캡처를 원하는 창을 실행하고 ▶ 키보드 [F12] 키를 입력해서 개발자 모드 실행(개발자 모드 해제 F12 입력) ▶ 개발자 모드에서 키보드 [Ctrl + Shift + P] 키를 동시 입력 ▶ 명령어 입력 창에 screen 입력 ▶ [Capture area screenshot], [Capture full size screenshot], [Capture node screenshot], [Capture screenshot] 4가지 스크린샷 옵션을 확인하고 사용할 수 있습니다. ▶ 각 캡처 기능을 실행하는 방법은 마우스로 해당 버튼을 클릭해서 사용할 수 있습니다.

• Capture area screenshot : 영역을 지정해서 캡처할 수 있는 기능
• Capture full size screenshot : 스크롤해서 내려야 확인할 수 있는 전체 화면을 캡처할 수 있는 기능
• Capture node screenshot : 화면에 구성된 요소를 선택해서 캡처하는 기능
• Capture screenshot : 스크롤해서 내려야 하는 영역을 제외한 브라우저에 표시된 전체화면만 캡처하는 기능

 

Capture Node Screenshot 기능 사용 방법

웹화면이 표시되면, 보이지는 않지만 화면에는 각각의 요소들이 많이 존재합니다.
F12를 클릭해서 보면, 해당 내용의 태그와 스크립트를 확인할 수 있습니다. 마우스를 가지고 스크립트 위를 지나가기만 해도 해당되는 요소의 스크립트를 화면에 색이 변하면서 확인할 수 있습니다. 해당 영역을 개발자모드 스크립트를 선택한 다음 해당 영역의 요소만 캡처할 수 있습니다.

매뉴얼 : 키보드 [F12] 키를 입력해서 개발자 모드 실행(개발자 모드 해제 F12 입력) ▶ 개발자 모드에서 [Elements] 탭의 내용을 마우스로 원하는 캡처 부분을 클릭해서 선택한 다음 ▶ 키보드 [Ctrl + Shift + P] 키를 동시 입력 ▶ 명령어 입력 창에 screen 입력 ▶ [Capture node screenshot] 버튼 클릭 ▶ 선택한 스크립트 내용만 캡처할 수 있습니다.

웹페이지의 특정 요소를 캡처하는데 싶을 때, 사용할 수 있는 캡처 기능입니다.