Computer >> 컴퓨터 >  >> 소프트웨어 >> 소프트웨어

크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)

윈도우와 맥 모두 기본 스크린샷 도구를 제공하기 때문에 별도의 서드파티 앱을 설치하지 않고도 화면을 캡처할 수 있습니다. 이러한 내장 도구는 다양한 사용자 지정 옵션도 함께 제공해 원하는 방식으로 스크린샷을 찍을 수 있다는 장점이 있습니다.

하지만 이런 기본 도구에도 아쉬운 부분이 있습니다. 바로 브라우저에서 열려 있는 웹페이지의 전체 페이지 스크린샷은 캡처할 수 없다는 점입니다. 기본 도구는 화면에 보이는 영역만 캡처할 뿐, 페이지를 스크롤하며 전체 내용을 담는 기능은 지원하지 않습니다.

크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)

다행히 널리 사용되는 두 브라우저인 크롬(Chrome)파이어폭스(Firefox)는 내장 기능과 확장 프로그램(익스텐션) 두 가지 방법으로 전체 페이지 스크린샷을 캡처할 수 있습니다.

작업의 편의성에 따라 브라우저 확장 프로그램을 사용할 수도 있고, 기본 내장 기능을 활용할 수도 있습니다. 이 글에서는 두 가지 방법을 모두 자세히 소개합니다.

크롬에서 확장 프로그램 없이 전체 페이지 스크린샷 캡처하기

이유는 알 수 없지만 구글은 크롬 브라우저에 전체 페이지 스크린샷 기능을 상당히 깊숙한 곳에 숨겨두었습니다. 브라우저의 모든 메뉴를 꼼꼼히 살펴본 적이 없다면 이 기능의 존재조차 몰랐을 가능성이 큽니다.

하지만 한 번 위치를 파악하고 나면 어떤 형태의 스크린샷이든 손쉽게 캡처할 수 있습니다. 아래 단계를 따라 해보세요.

  • 컴퓨터에서 크롬 브라우저를 실행합니다. 오른쪽 상단의 점 세 개(⋮) 메뉴를 클릭하고 도구 더보기(More Tools)개발자 도구(Developer Tools)를 차례로 선택합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 브라우저 하단에 개발자 도구 패널이 열립니다. 패널 오른쪽 상단의 점 세 개 아이콘을 클릭한 뒤 명령 실행(Run command) 옵션을 선택합니다. 이 기능을 통해 브라우저에서 다양한 명령을 실행할 수 있습니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 이제 크롬에서 명령을 검색하고 실행할 수 있습니다. 검색창에 screenshot이라고 입력한 후, 결과 목록에서 Capture full size screenshot(전체 크기 스크린샷 캡처) 옵션을 클릭합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 현재 탭의 전체 페이지 스크린샷이 캡처되며, 파일을 컴퓨터에 저장하라는 안내가 나타납니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 저장된 파일을 이미지 뷰어로 열면 방문했던 웹페이지의 처음부터 끝까지 모든 내용이 담겨 있는 것을 확인할 수 있습니다.

크롬에서 확장 프로그램으로 전체 페이지 스크린샷 캡처하기

위 방법으로도 충분히 스크린샷을 찍을 수 있지만, 브라우저에서 스크린샷을 자주 캡처하는 사용자에게는 그리 효율적이지 않습니다. 매번 개발자 도구 패널을 열고 명령을 입력하는 것은 번거로운 작업이기 때문입니다.

다행히 버튼 하나만 누르면 전체 페이지 스크린샷을 찍을 수 있는 확장 프로그램이 있습니다. 이 확장 프로그램은 브라우저 메뉴바에 상주하며, 아이콘을 클릭하는 것만으로 현재 창의 스크린샷을 즉시 캡처합니다.

  • 크롬 웹스토어에서 Full Page Screen Capture 확장 프로그램 페이지로 이동합니다.
  • Add to Chrome(Chrome에 추가) 버튼을 클릭해 확장 프로그램을 설치합니다. 화면에 나타나는 확인 창에서 확장 프로그램 추가를 클릭합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 확장 프로그램이 설치되면 메뉴바의 아이콘을 클릭하세요. 현재 탭의 전체 페이지 스크린샷이 자동으로 캡처됩니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 이후 스크린샷을 PDF 또는 PNG 형식 중 원하는 포맷으로 저장할 수 있습니다. 선호하는 옵션을 선택하면 됩니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)

이 확장 프로그램은 대부분의 웹사이트에서 잘 작동하지만, 일부 사이트는 이런 확장 프로그램의 사용을 제한할 수 있습니다. 그런 경우에는 확장 프로그램이 작동하지 않아 스크린샷을 캡처할 수 없으니 참고하세요.

파이어폭스에서 확장 프로그램 없이 전체 페이지 스크린샷 캡처하기

파이어폭스 역시 애드온을 설치하지 않고도 전체 페이지 스크린샷을 캡처할 수 있는 내장 개발자 메뉴를 제공합니다. 크롬에 비해 기능을 찾고 사용하는 과정이 훨씬 간단하다는 장점이 있습니다.

  • 컴퓨터에서 파이어폭스를 실행합니다. 오른쪽 상단의 가로줄 세 개(☰) 메뉴를 클릭하고 웹 개발자(Web Developer)반응형 디자인 모드(Responsive Design Mode)를 선택합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 상단 옵션에서 페이지 해상도를 조정할 수 있습니다. 그다음 웹페이지 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 스크린샷 찍기(Take a Screenshot) 옵션을 선택합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 이제 캡처할 영역을 선택할 수 있지만, 우리가 원하는 것은 특정 영역이 아니라 전체 페이지입니다. 페이지 오른쪽 상단에 있는 전체 페이지 저장(Save full page) 버튼을 클릭하세요.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 전체 페이지가 캡처되어 미리보기로 표시됩니다. 다운로드(Download) 버튼을 클릭하면 컴퓨터에 저장됩니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 파이어폭스는 스크린샷을 브라우저의 기본 다운로드 폴더에 저장합니다. 메뉴바의 다운로드 아이콘을 클릭하면 캡처한 스크린샷과 기타 다운로드 파일에 빠르게 접근할 수 있습니다.

파이어폭스에서 확장 프로그램으로 전체 페이지 스크린샷 캡처하기

브라우저에 애드온을 설치하는 것이 부담스럽지 않다면, 버튼 클릭 한 번으로 파이어폭스에서 전체 페이지 스크린샷을 찍을 수 있는 애드온을 활용해 보세요.

  • 파이어폭스 애드온 사이트에서 Page Screenshot 애드온 페이지로 이동한 뒤 Add to Firefox(Firefox에 추가) 버튼을 클릭합니다. 다음 화면에서도 추가를 클릭합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 메뉴바의 애드온 아이콘을 클릭한 후 허용(Allow)을 선택합니다. 이렇게 하면 애드온에 필요한 권한이 부여됩니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 애드온이 스크린샷을 캡처하고 컴퓨터에 저장하라는 안내를 표시합니다.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 세부 설정을 변경하고 싶다면 메뉴 > 애드온 및 테마 > 확장 기능으로 이동한 뒤, 해당 애드온 옆의 점 세 개 아이콘을 클릭하고 환경 설정(Preferences)을 선택하세요.
크롬과 파이어폭스에서 전체 페이지 스크린샷 캡처하는 방법 (확장 프로그램 유무별 완벽 가이드)
  • 수정할 수 있는 옵션으로는 스크린샷 이미지 형식, 캡처 지연 시간, 이미지 품질 등이 있습니다.

정리하면, 크롬과 파이어폭스 모두 확장 프로그램 없이 내장 기능만으로 전체 페이지 스크린샷을 캡처할 수 있으며, 자주 사용한다면 확장 프로그램을 설치해 더욱 간편하게 활용하는 것을 추천합니다. 상황과 사용 빈도에 맞는 방법을 선택해 보세요.