HTML → PDF 변환
붙여 넣은 HTML·CSS 코드를 A4 등 용지 크기에 맞춰 PDF로 만듭니다. 한글 글꼴을 함께 넣어 글자가 깨지지 않으며, 외부 웹 주소 변환은 지원하지 않습니다.
내 기기 안에서만 처리돼요. 서버로 전송하지 않아요.
관련 도구
자주 묻는 질문
두 방식은 무엇이 다른가요?
바로 만들기는 쪽을 그림으로 넣어 어느 기기에서나 미리보기와 똑같이 나오지만 글자를 선택할 수 없어요. 인쇄 창 방식은 브라우저가 PDF를 만들어 글자를 선택·검색할 수 있지만, 브라우저에 따라 쪽 나눔이 조금 다를 수 있어요.
쪽 경계에서 글자가 잘리지 않나요?
쪽 끝이 글줄·그림·표의 행 가운데를 지나면 그 위에서 쪽을 나눠요. 한 쪽보다 큰 그림이나 줄 간격이 아주 좁은 글처럼 피할 자리가 없으면 잘릴 수 있어요.
한글 글꼴은 어떻게 되나요?
글꼴을 정하지 않으면 Pretendard로 만들고, 그 글꼴을 함께 넣어 한글이 깨지지 않아요.
코드가 서버로 올라가나요?
아니요. 배치부터 PDF 저장까지 모두 브라우저 안에서 해요.
HTML → PDF 변환, 어떤 도구인가요?
HTML과 CSS 코드를 붙여 넣으면 A4나 Letter 용지에 맞춰 PDF로 만듭니다. 용지 방향과 여백을 고를 수 있고, 내용이 길면 글줄·그림·표의 행이 가운데서 잘리지 않도록 그 위에서 쪽을 나눕니다. 바로 PDF 파일로 만드는 방식은 쪽을 고해상도 그림으로 넣어 어디서나 똑같이 보이고, 인쇄 창 방식은 브라우저의 'PDF로 저장'으로 글자를 선택할 수 있는 PDF를 만듭니다. 한글 글꼴을 함께 넣어 글자가 깨지지 않습니다.
이럴 때 쓰세요
HTML 보고서 보관
HTML로 만든 보고서·견적서를 A4 PDF로 바꿔 메일에 첨부하거나 보관해요.
메일 템플릿 출력
HTML 메일 본문을 PDF로 저장해 결재 문서에 붙이거나 인쇄해요.
개발 결과물 공유
코드로 만든 표나 문서 화면을 PDF 한 부로 묶어 회의 자료로 나눠요.
사용 방법
HTML 넣기
입력 칸에 HTML 코드를 붙여 넣거나 'HTML 파일 열기'로 .html 파일을 엽니다.
- <style> 안의 CSS도 그대로 적용돼요. 이미지는 data: 주소로 넣어야 들어가요.
- 원하는 자리에서 쪽을 넘기려면 CSS에 page-break-before: always를 쓰세요.
용지 고르기
용지(A4·Letter), 방향(세로·가로), 여백을 고르고 미리보기에서 쪽이 나뉘는 자리를 확인합니다.
- 빨간 점선이 다음 쪽으로 넘어가는 자리예요. 미리보기는 앞 3쪽까지 보여 줘요.
PDF 만들기
'바로 PDF 파일 만들기'를 누르거나, 글자를 선택할 수 있는 PDF가 필요하면 '인쇄 창으로 PDF 저장'을 누릅니다.
- 바로 만들기는 쪽마다 진행률이 올라가고, 끝나면 PDF를 내려받을 수 있어요.
- 인쇄 창에서는 대상(프린터)을 “PDF로 저장”으로 바꿔 저장하세요.
자주 나는 문제와 해결
- PDF에서 글자가 선택되지 않아요
- 바로 만들기는 쪽을 그림으로 넣어 글자를 선택·검색할 수 없어요. 인쇄 창 방식으로 저장하거나, 이미 만든 PDF는 '스캔 PDF 텍스트 인식 (OCR)'으로 글자를 입혀 보세요.
- 외부 이미지나 웹 글꼴이 빠져요
- https://로 시작하는 외부 주소의 이미지·글꼴·CSS는 불러오지 않아요. 브라우저 보안 정책(CORS) 때문에 대부분 넣을 수 없고, 입력한 코드 때문에 다른 서버로 요청이 나가지 않게 하려는 것이에요. 이미지는 data: 주소로 넣어 주세요.
- 웹사이트 주소를 넣어 PDF로 만들고 싶어요
- 웹 주소 변환은 지원하지 않아요. 브라우저는 다른 사이트의 내용을 읽어 올 수 없고, 이 도구는 서버를 거쳐 대신 가져오지 않아요. 페이지의 HTML 코드를 복사해 붙여 넣어 주세요.
- 휴대폰에서 인쇄 창이 열리지 않아요
- 휴대폰은 브라우저마다 인쇄 기능이 다르고, 일부(특히 iPhone·iPad)에서는 열리지 않거나 쪽 나눔이 다를 수 있어요. 바로 만들기를 써 주세요.
주의사항
- 스크립트(JavaScript)는 실행하지 않아요. 스크립트로 그리는 내용은 PDF에 나오지 않아요.
- 한 번에 100쪽까지 만들 수 있어요. 더 길면 나눠 변환해 주세요.