개편이나 이전 전에
사이트를 다시 만들거나 새 시스템으로 옮기거나 폐쇄하기 전에, 웹 팀과 에이전시가 현재 사이트를 지금 모습 그대로 페이지별로 보관해 둡니다.
← 사용 사례
✓원래 모양 그대로
보이는 그대로, 페이지를 HTML 파일 하나에 저장하세요.
“원래 모양 그대로”를 선택하면 Grab All Files가 각 페이지를 해당 사이트의 스타일시트, 글꼴, 이미지와 함께 저장합니다. 브라우저에서 보던 레이아웃, 색상, 글자 스타일이 그대로 독립된 HTML 파일 하나에 담깁니다. 웹사이트나 컴퓨터 폴더의 여러 페이지를 합쳐도 각 페이지가 자신만의 프레임 안에 디자인을 그대로 유지하며, 목차와 전체 페이지 검색으로 오갈 수 있습니다. 스크립트는 제거되므로 추적이나 팝업 없이 오프라인에서 열립니다.
무료: 1회에 한 페이지. 여러 페이지를 HTML 하나로 합치는 것은 Pro($19.99, 1회 결제) 기능입니다. 동영상, 지도, 로그인이 필요한 화면 등 움직이는 부분은 저장한 뒤에 작동하지 않을 수 있습니다.
페이지 선택
- example.com/
- example.com/products
- example.com/pricing
- example.com/support
보기 방식 선택
각 페이지의 디자인을 유지한 HTML 하나
example-site.html ├ 목차 · 검색 ├ 홈 ├ 제품 ├ 요금 └ 지원
무료 플랜은 1회 실행에 한 페이지를 원래 디자인으로 저장하고, Pro는 선택한 페이지를 합칩니다. 공용 스타일시트, 이미지, 글꼴은 한 번만 저장됩니다.
실제 출력 샘플
이 사이트에 올려 둔 가상의 페이지를 Grab All Files 5.8.20으로 실제로 저장한 파일입니다. 사용한 설정과 각 파일의 해시값도 함께 실었습니다. 무료 샘플은 공개 버전으로, Pro 샘플은 같은 소스로 만든 개발용 빌드로 만들었습니다.
무료가상 이벤트 페이지를 “원래 모양 그대로”로 저장같은 창 너비로 찍은 원래 페이지와 저장한 HTML을 나란히 놓았습니다. “그 페이지 그대로 (기본)”으로 저장한 HTML 파일 하나이므로 목차나 검색 화면은 없습니다(가져온 주소와 시각은 HTML 맨 앞의 주석에 들어 있습니다). 이미지는 파일 안에 넣었기 때문에 오프라인에서도 보입니다.샘플 열기 →Pro가상 이벤트 사이트 3페이지를 원래 모양 그대로 목차·검색이 있는 HTML 하나로“목차·검색 포함”으로 저장한 실제 파일입니다. 각 페이지는 원래 디자인 그대로 틀 안에 들어가고, 틀 위에 가져온 주소와 저장한 시각이 표시됩니다. 목차에서 각 페이지로 이동하고, 검색창으로 3페이지 전체를 찾을 수 있습니다.샘플 열기 →
남는 것과 남지 않을 수 있는 것
남는 것
- ✓레이아웃·색·글자 크기
- ✓이미지 (파일 안에 넣었을 때)
- ✓가져올 수 있었던 글꼴
남지 않을 수 있는 것
- 원래 사이트의 스크립트 동작 (저장할 때 제거됩니다)
- 동영상·지도·로그인이 필요한 화면
- 양식 보내기, 사이트 검색 등 서버와 주고받는 기능
원래 디자인 그대로 저장: 실제 확장 프로그램 화면
샘플 자료를 사용한 실제 확장 화면입니다. 페이지를 HTML로 합치기의 “보기”: “원래 모양 그대로”를 선택하고 “광고 제외”가 켜진(기본값) 상태. Free에서 1페이지를 선택한 저장 전 설정·조작 예시입니다. Pro는 이 가이드의 설명대로 여러 선택 페이지를 결합합니다. 영어 UI입니다.
원본 크기로 이미지 열기 ↗고를 수 있는 설정 — 확장 프로그램의 그림으로 보기
그림과 이름은 확장 프로그램 화면의 카드와 같습니다.
적합한 용도
- ✓개편, 이전, 폐쇄를 앞두고 현재 웹사이트의 모습을 기록해 둘 때.
- ✓감사 기록이나 증빙이 필요해 페이지를 가져온 주소·날짜와 함께 보관해야 할 때.
- ✓로그인이 필요한 페이지까지 담은 여러 페이지를, 어디서나 열 수 있는 파일 하나로 고객이나 동료에게 보낼 때.
- ✓저장해 둔 웹사이트 폴더나 내보낸 도움말 사이트를 원래 모습 그대로 파일 하나로 묶는 경우.
작업 흐름
- 1Grab All Files를 열고 “페이지를 HTML로 합치기”를 선택합니다. 브라우저에서 열려 있는 페이지에서 시작하거나, 확장 프로그램이 관련 페이지를 찾게 하거나, 소스를 “컴퓨터 폴더에서”로 바꿔 HTML 파일이 든 폴더나 ZIP을 선택합니다.
- 2포함할 페이지를 확인합니다. “보기”에서 “원래 모양 그대로”를 선택하세요. 같은 사이트의 여러 페이지를 합칠 때는 “모든 페이지에 반복되는 헤더·메뉴·푸터는 첫 페이지에만 남기기”를 켭니다. “광고 제외”는 처음부터 켜져 있어 파일이 가벼워집니다. 광고 영역도 남기려면 끄세요.
- 3웹페이지의 경우 스타일시트와 이미지를 제공하는 사이트에 대한 접근 권한을 요청하면 허용해 주세요. 한 번에 모두 요청합니다. 각 페이지는 탭에서 열려 끝까지 스크롤되므로 스크롤할 때 불러오는 이미지와 콘텐츠도 포함됩니다.
- 4저장합니다. 저장하기 전에 결과를 어떻게 묶을지 고릅니다. 한 페이지일 때는 “그 페이지 그대로 (기본)” 또는 “목차·검색 포함”, 여러 페이지(Pro)일 때는 “목차·검색 포함 (기본)”, “그대로 이어서 긴 한 페이지 (인쇄·PDF)”, “페이지마다 그대로 (ZIP)” 중에서 고릅니다. “목차·검색 포함”에서는 각 페이지가 원래 디자인 그대로 틀 안에 들어가고, 틀 위에 가져온 주소와 저장한 시각이 표시되며, 목차와 검색창으로 페이지 사이를 이동할 수 있습니다. “그 페이지 그대로”와 “긴 한 페이지”에는 목차나 검색 화면이 없으므로 브라우저 찾기(Ctrl+F / ⌘F)를 쓰세요. 한 페이지만 저장한 HTML에는 가져온 주소와 시각이 HTML 맨 앞의 주석에 기록됩니다. “페이지마다 그대로 (ZIP)”에는 각 페이지로 연결되는 목록 페이지(index.html)가 들어 있습니다. 보관하지 못한 이미지나 부분의 목록도 넣으려면 “목차·검색 포함”을 고르고 “수집 정보와 실패 목록 넣기”를 켭니다.
원래 디자인 그대로 페이지를 보관하는 사람들
증거 및 컴플라이언스 기록
페이지와 프로모션, 공지가 어떻게 표시되었는지 남겨야 하는 법무·광고 심의 담당자는, 각 페이지에 출처 주소와 저장 시각을 함께 기록해 보관할 수 있습니다.
종료되는 사이트와 서비스
종료되는 서비스의 페이지를, 사이트가 온라인에 남아 있는지와 상관없이 열 수 있는 파일로 보관해 두는 연구자와 커뮤니티 운영자도 있습니다.
로그인이 필요한 페이지 공유
포털이나 인트라넷, 고객 전용 영역의 페이지를 접근 권한이 없는 사람에게 보내야 할 때, 브라우저를 가리지 않고 오프라인으로 열 수 있는 파일 하나로 전달합니다.
디자인 및 경쟁사 참고 자료
랜딩 페이지와 경쟁사 사이트를 실제 글꼴, 색상, 여백 그대로 모아 두는 용도로 디자이너와 마케터가 씁니다.
저장해 둔 사이트와 내보낸 도움말
백업해 둔 웹사이트 폴더나 HTML로 내보낸 도움말·매뉴얼도 원래 모습 그대로 파일 하나로 만들 수 있습니다.
저장한 파일에 남는 것
레이아웃, 글꼴, 색상
각 페이지의 스타일시트와 사용된 웹 글꼴(글꼴당 한 가지 형식, WOFF2 우선), 배경을 포함한 이미지가 포함됩니다.
표시되던 그대로의 페이지
페이지가 안정된 뒤 메뉴를 열기 전에 저장하므로 닫혀 있던 메뉴는 닫힌 채로 유지됩니다. 스크롤하면 서서히 나타나는 콘텐츠도 보이는 상태로 저장됩니다.
나중에 불러오는 콘텐츠
지연 로딩 이미지, 스크롤하면 늘어나는 페이지, 확장 프로그램이 읽을 수 있는 사이트의 프레임, 웹 컴포넌트의 스타일, SVG 스프라이트 파일로 그리는 아이콘이 포함됩니다.
외부 사용을 막는 이미지
다른 곳에서 요청하면 거부되는 이미지는 원래 페이지가 불러오던 방식으로 한 번씩 다시 가져옵니다.
출처와 저장 시각
각 페이지 제목 아래에 가져온 주소와 저장한 시각이 표시됩니다. 저장된 다른 페이지와 파일로 가는 링크는 파일 안이나 저장 폴더에서 열립니다.
더 가벼운 파일
여러 페이지에서 쓰는 같은 스타일시트, 이미지, 글꼴은 한 번만 저장됩니다. 광고 네트워크의 광고 영역은 기본적으로 제외하며, 남길 수도 있습니다.
“원래 모양 그대로”와 “읽기 쉽게 정리” 비교
| 원래 모양 그대로 | 읽기 쉽게 정리 | |
|---|---|---|
| 보관하는 것 | 사이트 고유의 스타일시트, 글꼴, 이미지를 포함한 페이지 전체 | 본문, 제목, 표, 이미지를 하나의 깔끔한 스타일로 |
| 헤더, 메뉴, 푸터 | 기본적으로 모든 페이지에 유지하고, 옵션으로 첫 페이지에만 남길 수 있음 | 제외 |
| 여러 페이지 | 각 페이지가 독립된 프레임에 들어가 디자인이 충돌하지 않음 | 이어지는 하나의 문서 |
| 동작하는 요소 | 탭, 아코디언, 캐러셀 화살표는 작동하고 그 밖의 스크립트는 실행되지 않음 | 읽기 편하도록 펼친 상태로 표시 |
| 파일 크기 | 더 큼. 공용 파일은 한 번만 저장하고 사용하지 않는 CSS 규칙은 제외 | 더 작음 |
| 적합한 용도 | 보관, 증거, 보이던 그대로 공유, 디자인 참고 | 읽기, 인쇄, Markdown, AI |
이 가이드와 가까운 용도
- 페이지를 HTML로 합치기여러 페이지를 목차·검색이 있는 파일 하나로
- 컴퓨터의 HTML을 하나로HTML 파일이 이미 내 컴퓨터에 있을 때
- 업무 매뉴얼·지식 페이지 저장원래 모양보다 읽기 쉬움과 검색이 중요할 때
자주 묻는 질문
무료 플랜에서도 “원래 모양 그대로”를 사용할 수 있나요?
네. 보기 옵션은 플랜에 따른 제한이 없습니다. 무료 플랜은 1회 실행에 한 페이지를 저장하므로 원하는 페이지 하나를 원래 디자인 그대로 HTML 파일 하나로 보관할 수 있습니다. 여러 페이지를 공용 목차가 있는 파일 하나로 합치려면 Pro($19.99, 1회 결제, 최대 3대 기기)가 필요합니다.
“다른 이름으로 저장”이나 한 페이지씩 저장하는 도구와는 무엇이 다른가요?
“다른 이름으로 저장”은 HTML 옆에 파일 폴더가 생기고, 한 페이지 저장 도구는 페이지마다 파일이 하나씩 만들어집니다. Grab All Files는 여러 페이지를 파일 하나에 담고 각 페이지를 독립된 프레임에 넣어 페이지 간 디자인이 충돌하지 않습니다. 공용 스타일시트, 이미지, 글꼴은 한 번만 저장되고, 저장된 페이지 사이의 링크는 파일 안에서 이동하며, 모든 페이지를 한 번에 검색할 수 있습니다.
메뉴, 탭, 슬라이더는 그대로 작동하나요?
안전을 위해 사이트의 스크립트는 제거되므로 지도, 검색 양식, 로그인, 필요할 때 불러오는 동영상 플레이어처럼 스크립트가 필요한 기능은 작동하지 않습니다. 자주 쓰는 요소는 사이트 스크립트 없이도 작동하도록 처리했습니다. 표준 접근성 마크업이나 Bootstrap으로 만든 탭과 아코디언은 열고 닫을 수 있고, 캐러셀 화살표(Swiper, Slick, Splide, Glide, Flickity)는 한 장씩 넘어갑니다. 양식은 전송되지 않습니다.
스크롤해야만 나타나는 이미지도 포함되나요?
네. 웹페이지는 각 페이지를 탭에서 열고 끝까지 스크롤한 뒤 저장하므로, 지연 로딩 이미지와 스크롤하면 콘텐츠가 더 추가되는 페이지도 포함됩니다. 스크롤은 페이지가 더 이상 길어지지 않거나 “스크롤 시간”에 설정한 시간(45초, 90초, 180초)이 끝나면 멈춥니다. 고정 헤더, 쿠키 안내, 스크롤 시 고정되는 제목도 저장한 파일에서 원래 위치에 나타납니다.
저장한 파일을 열고 공유해도 안전한가요?
원래 사이트의 스크립트는 제거됩니다. 탭, 패널, 슬라이드 화살표를 움직이는 Grab All Files의 작은 보조 스크립트만 남으며, 열 때 인터넷으로 나가는 요청도 차단되므로 다른 사이트의 추적기나 광고를 불러오지 않습니다. 링크에 들어 있는 로그인 정보도 제거됩니다. 페이지는 사용자의 브라우저에서 수집되어 기기에 저장되며, 내용이 저희 서버로 전송되지 않습니다. 공유하기 전에 저장한 페이지를 공유해도 되는지 확인하세요.
“읽기 쉽게 정리”는 언제 선택하나요?
디자인보다 텍스트가 중요할 때 선택하세요. 긴 자료를 읽거나, 인쇄하거나, 파일을 작게 만들거나, AI 도구용 Markdown과 데이터를 준비할 때입니다. 사이트의 헤더, 메뉴, 푸터 없이 모든 페이지를 하나의 깔끔한 스타일로 보여 줍니다. “원래 모양 그대로”는 페이지를 보이던 모습 그대로 보관하고 공유하기 위한 옵션입니다.
로그인이 필요한 페이지는 어떻게 되나요?
수집은 브라우저의 로그인 상태를 그대로 사용하며 인증 정보를 수집하지 않습니다. “로그인 필요”로 표시되면 “사이트를 열어 로그인”을 누르고 열린 탭에서 로그인한 뒤 “재개”를 누르세요. 계속 로그인이 필요한 페이지는 저장되지 않으며, 남은 페이지 수가 결과에 표시됩니다.
관련 사용 사례 가이드
페이지의 원래 모습을 살려 보관하세요.
무료 플랜은 1회 실행에 한 페이지를 원래 디자인 그대로 오프라인 HTML 파일 하나로 저장합니다. Pro($19.99, 1회 결제)는 선택한 페이지를 각각의 디자인을 유지한 채 목차와 검색이 있는 파일로 합칩니다. 페이지는 브라우저에서 수집되어 기기에 저장됩니다.