HTML PDF 변환

HTML을 PDF로 변환하기

프로그램에서 만든 보고서, 저장한 이메일, 청구서 템플릿, 직접 작성한 페이지 같은 HTML 파일을 보내거나 인쇄하려고 PDF로 만들어야 할 때가 있습니다.

HTML을 붙여넣거나 .html 파일을 여세요. 도구가 실시간 미리보기를 보여 주고, 문서 자체 CSS(글꼴, 색상, 테두리, 표)를 적용해 Letter 또는 A4 페이지에 배치합니다. 긴 문서는 문단, 표 행, 목록 항목 사이에서 페이지가 나뉘고, 표의 머리글 행은 각 페이지에 반복됩니다.

모든 처리는 브라우저에서 이루어집니다. HTML은 업로드되지 않으며, 안에 있는 스크립트는 표시하기 전에 제거됩니다.

기능

• HTML 붙여넣기 또는 파일 열기 — 전체 페이지든 일부 코드든 가능하며, 파일을 텍스트 상자에 끌어다 놓아도 됩니다
• 내 CSS 그대로 — <style> 블록, 인라인 스타일, https:// 스타일 시트(CDN의 Bootstrap 등)
• 이미지 — https:// 및 data: 이미지가 로드되며, .html 파일 옆에 저장된 이미지는 같은 버튼으로 추가
• 깔끔한 페이지 나눔 — 블록, 목록 항목, 표 행 사이에서 나누고 표 머리글을 반복
• Letter, A4, A5, 세로·가로, 여백 3종류, 선택 가능한 쪽 번호
• 한 번에 다운로드 — 편집하는 동안 PDF가 백그라운드에서 만들어지며, 실시간 미리보기와 페이지 썸네일 제공
• 안전 — 스크립트와 이벤트 핸들러는 제거되고(DOMPurify) 어디로도 전송되지 않습니다

할 수 있는 것과 없는 것

• 웹 주소는 열 수 없습니다. 브라우저의 웹 페이지는 다른 웹사이트를 내려받을 수 없습니다. 이는 브라우저의 보안 규칙이며, 우회하려면 서버가 필요한데 이 사이트는 사용자 파일에 서버를 쓰지 않습니다. 보고 있는 웹 페이지를 저장하려면 Ctrl+P(Mac은 Cmd+P)를 누르고 PDF로 저장을 선택하세요. 최신 브라우저에서 모두 작동합니다.
• 내 컴퓨터의 경로를 쓰는 이미지(예: images/logo.png)는 브라우저가 스스로 찾을 수 없습니다. .html 열기 (+ 이미지)를 다시 누르고 이미지 파일도 함께 선택하세요. 파일 이름으로 연결됩니다.
• PDF의 텍스트는 각 페이지 이미지의 일부이므로 선택하거나 검색할 수 없습니다. 이 방식이라 모든 스크립트와 글꼴이 올바르게 표시됩니다. 브라우저가 페이지를 그리기 때문입니다. 일반 텍스트로 선택 가능한 텍스트의 PDF를 만들려면 TXT PDF 변환을, 스캔한 느낌의 PDF를 검색 가능하게 하려면 OCR PDF를 사용하세요.
• 스크립트는 실행되지 않으므로 JavaScript로 내용을 만드는 페이지(차트, 일부 웹 앱)는 스크립트가 그렸을 부분이 비어 나옵니다.

활용 사례

• 보고서와 내보내기 — 프로그램이 .html로 저장하는 테스트 보고서, 분석 자료, 로그
• 보관하거나 인쇄할 저장된 이메일과 뉴스레터(.html)
• HTML 템플릿으로 만든 청구서, 영수증, 편지
• 오프라인으로 읽으려고 저장한 문서와 도움말 페이지
• 내가 만든 HTML과 CSS — 인쇄용 페이지가 종이에서 어떻게 보이는지 확인

자주 묻는 질문

HTML 파일을 PDF로 어떻게 변환하나요?

.html 열기 (+ 이미지)를 눌러 파일을 선택하거나 HTML을 상자에 붙여넣으세요. 미리보기를 확인하고 Letter 또는 A4를 선택한 뒤 PDF 다운로드를 누르세요. 편집하는 동안 PDF가 만들어지므로 한 번만 누르면 저장됩니다.

웹 주소(URL)로 웹 페이지를 변환할 수 있나요?

이 도구로는 불가능합니다. 브라우저의 페이지는 다른 웹사이트를 가져올 수 없고, 그러려면 서버가 필요합니다. 웹 페이지를 열고 Ctrl+P(Mac은 Cmd+P)를 누른 뒤 PDF로 저장을 선택하세요. 또는 페이지의 HTML을 복사(오른쪽 클릭 → 페이지 소스 보기)해서 여기에 붙여넣으세요.

이미지가 보이지 않는 이유는 무엇인가요?

images/photo.jpg 같은 경로의 이미지는 내 컴퓨터에 있고, 브라우저는 내 폴더를 스스로 읽을 수 없습니다. .html 열기 (+ 이미지)로 이미지 파일을 추가하세요. 파일 이름으로 연결됩니다. https:// 주소의 이미지는 해당 웹사이트가 허용할 때만 나타납니다.

PDF의 텍스트를 선택할 수 있나요?

아니요. 각 페이지가 페이지 이미지로 저장되며, 덕분에 모든 글꼴과 언어가 올바르게 보입니다. 선택 가능한 텍스트가 필요하면 일반 텍스트는 TXT PDF 변환으로, Markdown은 Markdown PDF 변환으로 변환하세요.

내 CSS가 적용되나요?

네. <style> 블록, style="" 속성, 전체 https:// 주소로 연결한 스타일 시트가 적용됩니다. 문서는 자체 프레임에서 배치되므로 문서 자체의 CSS만 사용됩니다. @media print 안의 규칙은 적용되지 않고, 화면에서 보이는 모습 그대로 그려집니다.

내 HTML이 업로드되나요?

아니요. 변환은 사용자의 기기에서 브라우저가 처리합니다. 마지막으로 사용한 HTML은 이 브라우저에만 보관됩니다.

사용 방법

• HTML을 상자에 붙여넣기 — 또는 .html 열기 (+ 이미지)를 누르거나 파일을 상자에 끌어다 놓기
• HTML이 내 컴퓨터의 이미지를 사용한다면 해당 이미지 파일도 추가하기
• 미리보기 확인
• 용지 크기, 방향, 여백을 고르고 쪽 번호 추가 여부 선택
• PDF 다운로드 클릭 — 변경할 때마다 PDF가 자동으로 업데이트되므로 항상 준비되어 있습니다