HTML PDF 변환

HTML 내용을 미리 보고 A4 페이지로 나누어 저장하세요.

HTML PDF 변환 방법

1. HTML 파일을 열거나 내용을 붙여 넣으세요.
2. 폭을 조절하고 미리보기에서 결과를 확인하세요.
3. PDF 만들기를 누르고 PDF 파일을 저장하세요.

HTML PDF 변환·HTML to PDF 모두 프로그램 설치나 회원가입 없이 무료로 할 수 있어요. PC는 물론 아이폰·갤럭시 브라우저에서도 그대로 작동합니다.

웹 주소 캡처가 아니라 직접 넣은 HTML을 처리합니다. 실행 코드·외부 이미지·외부 글꼴은 차단합니다. PDF는 사진으로 만들어지며 글자를 선택할 수 없습니다.

어떤 도구인가요?

직접 작성하거나 붙여 넣은 HTML을 미리보기로 확인하고 A4 크기 PDF로 저장하는 도구예요. 페이지 폭을 정하면 그 폭으로 화면을 그린 뒤 A4 세로 페이지 길이에 맞춰 차례로 나눠 담아요. 이메일 템플릿, 간단한 안내문, 코드로 만든 보고서 화면을 PDF로 남기고 싶은 개발자나 블로거에게 알맞아요. 입력한 HTML은 브라우저 안에서만 그려지고 외부로 보내지 않아요.

이럴 때 쓰세요

• HTML로 만든 이메일 템플릿이나 뉴스레터를 PDF로 저장해 검토용으로 공유해요.
• 블로그 글 편집기에서 복사한 HTML을 붙여 넣어 인쇄용 PDF를 만들어요.
• 스크립트로 생성한 HTML 보고서나 표를 PDF로 바꿔 보관하거나 첨부해요.
• 간단한 안내문이나 이력서를 HTML과 CSS로 꾸민 뒤 PDF로 내보내요.
• 웹 디자인 시안 일부를 PDF로 만들어 피드백을 받을 때 사용해요.

사용 예시

HTML로 만든 행사 안내문을 PDF로 저장하는 경우를 예로 들어 볼게요. 'HTML 파일 열기'로 .html 파일을 열거나 HTML 내용 칸에 코드를 붙여 넣으세요. 처음이라면 '예시 넣기'를 눌러 어떤 모습이 되는지 먼저 확인해도 좋아요. 페이지 폭(픽셀)을 800 정도로 바꾸면 오른쪽 미리보기가 그 폭으로 다시 그려져요. 미리보기 준비 완료가 표시되면 PDF 만들기를 누르고, 완성된 html.pdf 파일을 저장하세요.

더 잘 쓰는 팁

• 페이지 폭이 A4 가로 폭에 맞춰 축소되므로, 폭을 줄이면 PDF 속 글자가 커지고 늘리면 작아져요. 인쇄용이라면 700~900픽셀 정도부터 시도해 보세요.
• 페이지는 일정한 높이마다 잘리기 때문에 문단이나 표가 페이지 경계에 걸릴 수 있어요. 여백이나 간격을 조절해 경계에 걸리지 않게 해 보세요.
• 이미지를 넣으려면 외부 주소 대신 data:image/png;base64처럼 HTML 안에 직접 넣은 PNG·JPG·WebP·GIF 이미지를 사용하세요.
• 본문 주위 여백은 PDF에 자동으로 추가되지 않으니, CSS에서 body에 padding을 넣어 여백을 만드세요.
• 글꼴은 내 기기에 설치된 글꼴로 그려져요. CSS에 지정한 글꼴이 기기에 없으면 다른 글꼴로 대체되니 미리보기에서 모양을 확인하세요.

알아두세요

• 웹 주소를 입력해 페이지를 캡처하는 도구가 아니에요. 직접 넣은 HTML만 처리해요.
• 보안을 위해 스크립트, 외부 이미지, 외부 글꼴, 외부 CSS, iframe, 동영상, 입력 폼은 제거되거나 차단돼요.
• PDF는 화면을 그림으로 찍어 만들기 때문에 글자를 선택·검색할 수 없고, 링크도 동작하지 않아요.
• HTML은 1MB 이하, 페이지 폭은 320~2,000픽셀, 전체 높이는 최대 10,000픽셀까지예요.

자주 묻는 질문

웹사이트 주소를 넣으면 그 페이지를 PDF로 만들 수 있나요?

아니요. 이 도구는 주소로 웹페이지를 불러오지 않고, 직접 붙여 넣거나 파일로 연 HTML만 PDF로 만들어요. 웹페이지를 저장하려면 브라우저의 인쇄 기능에서 PDF로 저장을 사용하세요.

이미지가 미리보기에 나오지 않아요.

외부 주소로 연결된 이미지는 보안을 위해 차단돼요. 이미지를 base64 데이터(data:image/...)로 바꿔 HTML 안에 직접 넣으면 표시돼요.

PDF에서 글자를 복사할 수 없어요.

이 도구는 미리보기 화면을 그림으로 그려 PDF 페이지에 담아요. 그래서 글자를 선택하거나 검색할 수 없어요. 글자가 살아 있는 PDF가 필요하면 브라우저 인쇄 기능의 PDF 저장을 이용하세요.

내용이 길면 어떻게 나뉘나요?

정한 폭 기준으로 A4 세로 비율의 높이마다 잘라 여러 페이지로 나눠요. 마지막 페이지는 남은 내용만큼만 채워지고 아래는 흰 공간으로 남아요. 전체 높이가 10,000픽셀을 넘으면 내용을 나눠서 만들어 주세요.

자바스크립트로 그리는 차트도 PDF에 들어가나요?

아니요. 실행 코드는 보안을 위해 모두 제거되므로 스크립트로 그리는 차트나 동적 내용은 나타나지 않아요. 차트를 이미지로 만들어 data 주소로 넣는 방법을 써 주세요.

함께 쓰면 좋은 도구

• PDF 합치기 — 파일 내용을 확인하고 순서를 바꾼 뒤 하나의 PDF로 저장하세요.
• PDF에서 페이지 골라 저장 — 페이지를 눈으로 확인하고 필요한 것만 골라 새 PDF로 저장하세요.
• 사진을 PDF로 만들기 — 사진 순서와 용지 크기를 확인하고 하나의 PDF로 묶으세요.
• PDF 페이지 방향 바꾸기 — 페이지 그림을 보면서 잘못 돌아간 페이지만 바로잡으세요.
• 문서 사진을 PDF로 — 사진의 문서 모서리를 맞추고 기울기와 명암을 보정하세요.

파일은 브라우저에서 처리되며 이 사이트 서버에 업로드하지 않습니다.