웹사이트 화면 캡처 — URL로 전체 페이지 스크린샷 저장

URL을 입력하면 웹페이지 전체 화면을 스크린샷으로 저장할 수 있습니다. 확장 프로그램 설치 없이 브라우저에서 바로 사용할 수 있습니다.

데스크톱, 태블릿, 휴대폰 해상도를 선택해 기기별 화면을 저장할 수 있습니다. 이미지 품질, 저장 포맷, 로딩 지연 시간도 직접 설정할 수 있습니다.

캡처한 이미지는 이미지 용량 압축기와 함께 사용할 수도 있습니다.

URL을 입력하면 웹사이트 전체 페이지가 스크린샷으로 저장되는 과정 | 웹사이트 캡처, 전체 페이지 캡처, URL 스크린샷
요금제 업그레이드 시 여러 URL을 한 번에 일괄 캡처할 수 있습니다.
0 / 1 URLs

요금제를 업그레이드하여 제한없이 비볼디의 온라인 도구를 이용해 보세요.

💡 팁: 배경 이미지가 보이지 않는 다면 브라우저 높이를 수동으로 조정하세요.

웹사이트가 열리지 않거나 권한 오류가 발생하면 Firefox에서 다시 시도하세요.
이미지 또는 동영상이 모두 캡쳐되지 않을 때 브라우저의 높이를 수동으로 설정하세요.

Query Selector란?

웹페이지는 여러 개의 HTML 태그로 구성되어 있으며, Query Selector는 특정 태그나 영역을 선택해 가져오는 기술입니다.
이 기능을 활용하면 전체 화면이 아닌 원하는 영역만 지정하여 캡처할 수 있습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<div id="image-list">
   First image: <img src="https://example.com/images/photo/photo-1.jpg" class="photo"><br>
   Second image: <img src="https://example.com/images/photo/photo-2.jpg" class="photo">
</div>
</body>
</html>

  • 특정 id 영역을 캡처하려면 👉 #image-list 입력
  • 특정 class 영역을 캡처하려면 👉 .photo 또는 img.photo 입력

캡처 완료!

다운로드

이미지 미리보기

다운로드 이미지는 미리보기보다 더 선명한 고화질로 제공됩니다.

비볼디 도구가 유용했다면, 다른 사람들과 공유해 주세요.

전체 스크롤 캡처와 특정 영역 캡처

전체 페이지 스크롤 캡처는 스크롤 영역까지 하나의 이미지로 저장하는 기능입니다.
브라우저 높이를 Auto로 설정하면 페이지 길이에 맞게 조정됩니다.

특정 요소만 저장하려면 고급 설정에서 Query Selector를 활성화하세요.
#id 또는 .class 형식으로 원하는 영역만 지정하여 저장할 수 있습니다.

웹사이트 접속 모드 — 기기별 해상도 캡처

웹사이트 접속 모드에서 데스크톱 PC (FHD/QHD), 휴대폰, 태블릿 (세로/가로) 중 하나를 선택할 수 있습니다.

반응형 웹사이트는 기기마다 레이아웃이 다르게 표시됩니다. 모바일 화면과 PC 화면을 각각 저장해야 할 때 활용할 수 있습니다.

렌더링 모드 선택 — Chromium과 Firefox

이미지 품질은 자동, 원본 그대로, 고화질, 중간화질, 저화질 중에서 선택할 수 있습니다.

Retina 모드를 활성화하면 더 높은 해상도로 저장할 수 있습니다.
디자인 시안이나 인쇄용 이미지처럼 해상도가 중요한 경우에는 Retina 모드를 함께 사용하는 것이 좋습니다.

저장 포맷은 JPG를 기본으로 제공합니다. 웹페이지 안의 개별 이미지만 따로 저장하려면 웹사이트 이미지 추출기를 함께 사용할 수도 있습니다.

고화질 스크린샷 저장 — 이미지 품질과 Retina 모드

이미지 품질은 자동, 원본 그대로, 고화질, 중간화질, 저화질 중에서 선택할 수 있습니다.

Retina 모드를 활성화하면 더 높은 해상도로 저장할 수 있습니다.
디자인 시안이나 인쇄용 이미지처럼 해상도가 중요한 경우에는 Retina 모드를 함께 사용하는 것이 좋습니다.

저장 포맷은 JPG를 기본으로 제공합니다. 웹페이지 안의 개별 이미지만 따로 저장하려면 웹사이트 이미지 추출기를 함께 사용할 수도 있습니다.

웹사이트 화면 캡처, 어떤 상황에 쓰이나요?

웹페이지가 변경되기 전에 중요한 내용을 스크린샷으로 저장해 두고 싶을 때 사용할 수 있습니다.

서비스 약관, 공지사항, 이벤트 페이지처럼 내용이 자주 바뀌는 페이지를 미리 저장해 두면 나중에 비교하거나 참고할 때 편리합니다.

  • 디자이너·개발자: 레이아웃, UI/UX 레퍼런스 수집
  • 쇼핑몰·블로그 운영자: 상품 정보, 리뷰, 이벤트 페이지 기록
  • 마케터: 경쟁사 캠페인·광고 페이지 저장
  • 업무·교육 환경: 보고서, 발표 자료, 연구 자료 보관

캡처 및 공유 시에는 저작권과 개인정보 보호 정책을 준수해야 합니다.

자주 묻는 질문

유튜브 가이드 영상

프로그램 설치 없이 URL만 입력하면 전체 페이지를 하나의 이미지로 저장합니다.
브라우저에서 직접 캡처하므로 실제 사용자가 보는 화면 그대로 저장됩니다.

  • 스크롤 없는 전체 저장: 페이지 최하단까지 끊김 없이 캡처
  • 기기별 해상도 선택: 데스크톱(FHD/QHD), 휴대폰, 태블릿 모드 지원
  • 고급 옵션: Retina 모드, Query Selector, 지연 캡처 등 세밀한 설정 가능

페이지가 완전히 로드되기 전에 캡처가 시작되면 일부 영역이 잘리거나 빈 화면으로 저장될 수 있습니다. 다음 순서로 확인하세요.

  • 지연 캡처 시간 늘리기: 고급 설정에서 5초 이상으로 설정하세요.
  • 브라우저 높이 수동 지정: Auto 대신 페이지 실제 길이에 맞는 픽셀값을 직접 입력하세요.

웹사이트 접속 후 지정한 시간만큼 대기한 뒤 캡처를 시작하는 기능입니다.
동적 콘텐츠(이미지, 광고, 스크립트)가 모두 로드된 상태에서 캡처되므로 누락 없이 완전한 화면을 저장할 수 있습니다.

기본값은 1초이며, 로딩이 느린 사이트에서는 3~5초 이상으로 설정하는 것을 권장합니다.

고급 설정에서 특정 영역 캡처(Query Selector) 옵션을 활성화하면 CSS 선택자를 기준으로 원하는 요소만 잘라서 저장할 수 있습니다.

  • 특정 id 영역: #image-list 형식으로 입력
  • 특정 class 영역: .photo 또는 img.photo 형식으로 입력

헤더, 배너, 특정 섹션처럼 전체 페이지가 아닌 일부만 저장할 때 사용합니다.

스크롤이 긴 페이지나 외부에서 불러오는 콘텐츠는 브라우저가 해당 영역을 렌더링하기 전에 캡처가 완료되면 빈 영역으로 저장될 수 있습니다.
아래 두 가지를 확인하세요.

  • 렌더링 모드 변경: Firefox 모드는 멀티미디어 요소가 많은 페이지에서 Chromium보다 안정적으로 작동하는 경우가 있습니다.
  • 페이지 새로고침 후 다시 시도: 일시적인 로딩 문제로 일부 콘텐츠가 누락되는 경우 새로고침 후 재시도하면 해결되는 경우가 있습니다.

무료로 사용할 수 있습니다. 무료 사용자는 1회에 URL 1개를 입력할 수 있습니다.
여러 URL을 한 번에 일괄 캡처하려면 요금제 업그레이드가 필요합니다.