홈 › 파일·데이터 변환

HTML을 PDF로

인쇄 창이 열리면 ‘대상’을 ‘PDF로 저장’(아이폰은 공유 → 프린트 → 확대 후 공유)으로 고르세요.

파일은 서버로 전송되지 않고 내 기기에서만 처리돼요
.html 파일을 놓거나 눌러서 고르세요그림·CSS 파일을 함께 고르면 연결해요

HTML을 원하는 용지에 맞춘 PDF로

이메일 템플릿, 웹에서 ‘다른 이름으로 저장’한 페이지, 프로그램이 만들어 준 HTML 보고서, 직접 짠 HTML 안내문을 PDF로 남기고 싶을 때가 있어요. 브라우저로 그냥 열어 인쇄하면 여백과 용지가 기본값이라 표가 잘리거나 배경색이 빠지곤 하죠. 이 도구는 HTML에 인쇄용 설정(용지·방향·여백·배경 인쇄·쪽 나눔 규칙)을 붙여 미리 보여 주고, 브라우저의 PDF 저장 기능으로 깔끔하게 저장하게 도와줘요.

쓰는 방법

  1. ‘HTML 파일’에 .html 파일을 놓아요. 페이지에 쓰인 그림·CSS 파일이 따로 있다면 함께 골라야 이름으로 찾아 연결해요. 코드만 있다면 ‘HTML 코드 붙여넣기’ 탭에 붙여 넣어요.
  2. 용지, 방향, 여백, 확대·축소를 정해요. 가로로 넓은 표는 ‘가로’나 80% 축소가 잘 맞아요.
  3. ‘PDF로 저장’을 누르면 인쇄 창이 열려요. 대상(프린터)을 PDF로 저장으로 바꾸고 저장하세요. 아이폰·아이패드는 공유 → 프린트 화면에서 미리보기를 두 손가락으로 벌린 뒤 공유로 저장해요.

어떻게 처리하나요

HTML 앞부분에 CSS @page 규칙(용지·여백)과 print-color-adjust(배경 인쇄), break-inside: avoid(표·그림 잘림 방지)를 넣고, 스크립트와 이벤트 속성은 지운 뒤 스크립트가 막힌 격리 영역(sandbox iframe)에서 보여 줘요. 그래서 받은 HTML에 악성 코드가 있어도 실행되지 않아요. PDF는 브라우저 자체의 인쇄 엔진이 만들기 때문에 글자가 그림이 아닌 진짜 글자로 들어가 선택·검색이 되고 링크도 살아 있어요.

알아 둘 점

자바스크립트로 내용을 그리는 페이지(예: 로그인해야 보이는 웹 앱 화면)는 스크립트를 실행하지 않아 비어 보일 수 있어요. 그럴 때는 원래 사이트에서 바로 인쇄하세요. 인터넷 주소로 연결된 그림·글꼴은 인터넷이 연결돼 있으면 그대로 불러와요. 크롬·엣지는 인쇄 창의 ‘배경 그래픽’ 체크로도 배경색을 켜고 끌 수 있어요. 파일은 서버로 보내지 않아요.

참고한 자료

자주 묻는 질문

PDF 파일로 바로 받을 수는 없나요?

브라우저의 인쇄 엔진을 써야 글자가 선명한 진짜 PDF가 나와서 인쇄 창을 거쳐요. 인쇄 창에서 대상만 ‘PDF로 저장’으로 바꾸면 바로 파일로 저장돼요.

머리글·바닥글에 날짜와 주소가 찍혀요.

인쇄 창의 ‘설정 더보기’에서 ‘머리글 및 바닥글’ 체크를 끄세요. 여백을 0으로 하면 자동으로 빠지기도 해요.

그림이 안 나와요.

HTML 안의 그림 경로와 같은 이름의 그림 파일을 HTML과 함께 골라 주세요. 폴더 이름은 무시하고 파일 이름으로 찾아 연결해요.

함께 쓰면 좋은 도구