먼저 HTML과 PDF를 구분해 보세요
HTML은 브라우저가 페이지를 만드는 구조화된 텍스트입니다. 제목, 링크, 스타일 등을 담습니다. 같은 페이지라도 휴대폰과 데스크톱에서 모습이 다를 수 있어요—정상입니다. PDF는 레이아웃을 고정하고 페이지 나눔·타이포를 맞추기 쉬워 인쇄, 보관, 첨부에 잘 맞습니다. 마크업 초안에서 ‘다시 열어도 깨지지 않는’ 파일이 필요할 때 자주 선택됩니다. 아래에서는 각 형식의 역할을 한국어로 정리한 뒤, 이 페이지에서의 편집·내보내기 순서를 안내합니다.
온라인으로만 볼 때와 다른 점: PDF로 내보내기
라이브 페이지는 브라우저와 네트워크에 의존합니다. 강의 노트, 버그 재현, 보관용 사본처럼 시간이 지나도 모두가 같은 화면을 봐야 할 때는 PDF가 유리합니다. 내보내면 여백과 페이지 나눔이 독자마다 더 잘 맞춰집니다. 기술적으로는 프리뷰가 그린 결과를 PDF 데이터로 묶는 과정입니다. 가벼운 방식은 프리뷰를 캡처하고, 무거운 방식은 헤드리스 브라우저를 씁니다. 여기서는 마크업을 고치고 프리뷰를 본 뒤, 마음에 들 때 다운로드합니다. 흐름은 간단해요: 코드와 프리뷰가 맞는지 확인한 다음 내보냅니다.
HTML은 뼈대, CSS는 겉모습, PDF는 멈춘 한 장의 화면이라고 생각하면 이해하기 쉽습니다. 무한 스크롤이 아니라 페이지 단위로 보입니다. 웹폰트나 외부 이미지는 내보낸 뒤 약간 달라질 수 있으니 반드시 프리뷰를 확인하세요. 붙여넣기나 로컬 파일에서 온 내용이면(임의의 원격 URL을 가져오는 경우가 아니면) 입력부터 다운로드까지 경로가 분명하고 문제를 찾기도 쉽습니다.
변환 영역으로 이동먼저 구조를 정돈하기
태그 중첩을 바르게, 인코딩을 선언하고, 지나치게 긴 한 줄은 피하면 편집기와 프리뷰가 더 잘 맞습니다.
PDF는 레이아웃을 고정
PDF에서는 확대하지만 브라우저처럼 자동으로 줄바꿈이 바뀌지는 않습니다. 인쇄를 염두에 두면 종이 너비를 상상해 보세요.
다운로드 전에 프리뷰
이미지 누락이나 잘림은 프리뷰에서 잡는 편이, 완성된 PDF를 고치는 것보다 빠릅니다.
이 HTML to PDF 도구가 잘 맞는 경우
언제 내보낼지, ‘변환’을 누르기 전에 무엇을 조정할 수 있는지.
마크업 초안에서 첨부 가능한 파일까지
일부 또는 전체 페이지를 붙여 넣거나 .html, .txt, .json 파일을 불러올 수 있습니다. 프리뷰가 의도와 맞을 때까지 조정한 뒤, 메일·인쇄·보관용 PDF 하나로 내보냅니다. 외부 리소스가 많은 거대 사이트는 그대로 재현하기 어렵고, 과제·메모·자체적인 전단지 같은 콘텐츠가 이 흐름에 더 잘 맞습니다. 결과는 라이브 사이트가 아니라 그 순간의 스냅샷입니다. 무료 html pdf 변환 도구를 찾는 분들이 원하는 것도 대개 이 경로입니다.
- 내보내기 전에 HTML과 PDF가 각각 하는 일을 이해하기
- 마크업 수정 → 프리뷰 → 다운로드
- .txt·.json 초안 파일 불러오기 지원
- 계정 없이 브라우저에서 실행
이 페이지 사용법(세 단계)
HTML을 편집기에 넣기
직접 입력하거나 에디터에서 붙여 넣거나 텍스트 파일을 불러옵니다. body 조각만 있어도 프리뷰를 위해 감싸 주므로, 내보내기 전에 레이아웃을 확인할 수 있습니다.
태그만 보지 말고 프리뷰를 보기
프리뷰를 스크롤해 보세요. 넓은 표나 고정 헤더는 PDF에서 잘리지 않도록 CSS를 조금 손봐야 할 수 있습니다.
변환 → 모달 확인 → 다운로드
변환을 누르고 모달에서 PDF를 확인한 뒤 다운로드합니다. 마음에 들지 않으면 닫고 계속 편집하면 됩니다. 여러 번 시도하는 것은 흔합니다.
자주 묻는 질문: HTML, PDF, 이 도구
브라우저에서 HTML to PDF를 써 볼까요?
HTML을 작성하거나 붙여 넣고, 프리뷰를 확인한 뒤 마음에 들 때 내보내세요. 가입은 필요 없습니다.
HTML을 PDF로
- 실시간 프리뷰로 HTML 편집
- 스냅샷이 맞으면 PDF 다운로드
- 브라우저에서 로컬로 처리
- 가입 불필요
팁: 인쇄 위주 레이아웃이면 내보내기 전에 프리뷰에서 여백과 글자 크기를 확인해 보세요.
고정된 사본 공유·보관
모든 독자에게 같은 레이아웃을 보여줘야 할 때 PDF가 적합합니다.