오프라인 웹 자료 패키저

브라우저 안에서 패키징 · 업로드, URL 크롤링, 원격 파일 가져오기 없음

1. HTML과 파일 준비

정적 HTML을 사용하세요. 실행 요소와 외부 참조는 제거하며 CSS·이미지는 직접 선택해야 합니다.

HTML 원본

HTML 최대 크기: 256.0 KB

로컬 CSS·이미지 파일

최대 32개, 파일당 2.00 MB, 전체 10.00 MB. 각 파일의 경로를 HTML·CSS 참조와 맞추세요.

시작하려면 HTML을 입력하세요.

직접 만든 HTML과 CSS·이미지 파일을 선택하세요. 일치하는 상대 경로를 재작성하고 스크립트와 외부 참조를 제거한 뒤 index.html, assets 폴더, SHA-256 파일 목록이 포함된 오프라인 ZIP을 만듭니다. 격리된 미리보기와 누락 리소스 보고서로 다운로드 전 결과를 확인할 수 있습니다. 사용자가 제공한 파일만 묶으며 URL 크롤링이나 원격 파일 다운로드는 하지 않습니다.

주요 기능

제공한 HTML과 로컬 PNG·JPEG·GIF·WebP·CSS를 실제 ZIP으로 패키징
이미지·스타일시트 상대 경로 재작성과 누락·차단 경로 보고
스크립트·폼·임베드·외부 리소스·실행 속성 제거
제한적인 콘텐츠 보안 정책을 적용한 격리 프레임 미리보기
index.html과 모든 포함 파일의 SHA-256 해시 및 바이트 수 기록

사용 방법

HTML을 붙여넣거나 예제를 불러온 다음 참조하는 CSS·이미지 파일을 선택합니다.
선택한 파일의 패키지 경로를 HTML 또는 CSS에 적힌 상대 경로와 맞춥니다.
패키지를 만들고 미리보기, 누락 파일, 차단된 참조 및 파일 해시를 검토합니다.
ZIP을 내려받아 압축을 풀고 index.html을 열어 오프라인에서 사용합니다.

활용 예시

연결 없이 읽을 현장 안내문이나 학습 자료 보관
정적 HTML 시안을 스타일·이미지와 함께 검토용으로 전달
작은 정적 페이지를 보관하기 전 상대 경로 누락 확인
실행 요소를 제거한 독립형 참고 페이지를 ZIP으로 공유

자주 묻는 질문

URL만 입력하면 웹사이트 전체를 가져오나요?

아니요. 직접 선택한 HTML·CSS·이미지만 사용합니다. 사이트를 크롤링하거나 원격 리소스를 내려받지 않습니다.

ZIP에서 자바스크립트나 폼·동영상이 작동하나요?

아니요. 스크립트·폼·프레임 등 실행 요소를 제거하고 제한적인 콘텐츠 보안 정책을 추가합니다. 정적 참고 페이지를 위한 도구입니다.

누락된 이미지나 스타일은 어떻게 되나요?

일치하지 않는 로컬 참조를 보고서에 표시하고 생성 페이지에서는 해당 참조를 제외합니다. 경로가 맞는 파일을 추가한 뒤 다시 만드세요.

SHA-256 파일 목록은 무엇을 증명하나요?

포함 파일의 해시와 크기를 기록해 나중에 변경 여부를 확인할 수 있습니다. 전자서명이나 제작자 증명은 아닙니다.

하위 폴더를 쓸 수 있나요?

네. 파일을 선택하고 패키지 경로를 styles/site.css나 images/photo.png처럼 수정하세요. 절대 경로, 상위 폴더 이동, 위험한 경로는 거부합니다.

개인정보 안내

HTML과 파일은 이 브라우저 탭에서 처리되며 도구가 업로드하거나 가져오지 않습니다. ZIP에는 정리된 입력 내용이 담기므로 공유 전 확인하세요. 해시는 추후 파일 변경 확인용이며 제작자 신원을 증명하지는 않습니다.

개발 도구 도구 전체 보기 →이미지/미디어 →텍스트/변환 →생활/재미 →

1. HTML과 파일 준비

댓글과 질문