HTML PDF 변환은 HTML 소스나 저장해 둔 .html 파일을 PDF로 조판하는 도구입니다. 소스는 먼저 DOMPurify로 정제되는데 스크립트, 외부 스타일시트, 이벤트 속성이 제거되고 인라인 <style>, 이미지, 표는 남습니다. 그다음 sandbox가 걸린 격리 iframe에서 렌더링하고, 전체를 캡처한 그림을 용지 크기에 맞춰 여러 쪽으로 자릅니다. 오른쪽 “렌더링 미리보기”에 보이는 내용이 그대로 캡처 대상이며, 너비는 용지와 배율에 맞춰 환산되어 있습니다.

URL을 입력해 웹 페이지를 가져오는 기능은 없습니다. 브라우저의 교차 출처 제한 때문에 다른 사이트를 직접 읽을 수 없기 때문입니다. 대신 대상 페이지에서 “다른 이름으로 저장”으로 웹 페이지를 내려받거나 소스를 복사해 붙여 넣으세요. 원래 내용이 Markdown이었다면 “Markdown PDF 변환”이 더 나은 기본 스타일을 제공합니다.

1. 01HTML 입력왼쪽에 소스를 붙여 넣거나 .html / .htm(UTF-8)을 올립니다. 파일 이름이 PDF 이름으로 사용됩니다.
2. 02미리보기 확인오른쪽 “렌더링 미리보기”가 격리된 샌드박스에서 정제 결과를 보여 줍니다. 너비는 용지, 방향, 여백, 배율에 따라 실시간으로 바뀝니다.
3. 03내보내기 옵션 지정용지 A4 / Letter, 방향 세로 / 가로, 여백 4–30 mm(기본 12), 페이지 배율 50–150%(기본 100%, 값이 작을수록 한 페이지에 더 많이 들어감)를 설정합니다.
4. 04생성“PDF 생성 및 다운로드”를 누르면 “HTML 정제 및 렌더링” → “이미지 로딩 대기” → “페이지 비트맵 생성” → “PDF 조립” 순으로 진행되고, <original-name>.pdf(파일을 올리지 않았으면 웹문서.pdf)가 내려받아집니다.

입력 방식

소스 붙여넣기 또는 .html / .htm 업로드. URL로 원격 웹 페이지를 가져오지 못하며, 소스가 참조하는 외부 CSS와 JS도 로드하지 않습니다

안전 정제

<script>, 인라인 이벤트(onclick 등), <iframe>, 외부 스타일시트는 제거됩니다. 스크립트로 만들어지는 내용(예: 차트 라이브러리)은 PDF에서 빈칸이 됩니다

이미지

data:로 내장한 이미지는 안정적입니다. 외부 이미지는 상대 서버가 교차 출처(CORS)를 허용해야 하며 아니면 빈칸이 됩니다. 최대 8초까지 기다립니다

출력 형태

전체 페이지 비트맵(JPEG)을 다시 쪽으로 자르므로 텍스트를 선택하거나 검색할 수 없습니다. 거의 빈 줄 위치에서 똑똑하게 쪽을 나누며, 렌더링 높이 상한은 약 60,000픽셀이라 지나치게 긴 페이지는 잘립니다

하지 않는 것

하이퍼링크 클릭 가능 여부, 책갈피, CSS @page 분할 규칙은 다루지 않습니다. 텍스트를 선택할 수 있는 PDF가 필요하면 브라우저의 “인쇄 → PDF로 저장”을 쓰세요

HTML 소스는 브라우저 로컬에서 정제, 렌더링, PDF 생성까지 끝나고 서버로 올라가지 않습니다. 다만 소스가 참조하는 외부 이미지는 브라우저가 해당 이미지 서버에 직접 요청합니다. 외부 요청 자체를 원하지 않으면 이미지를 data:로 내장하세요.