HTML PDF 변환

작동 방식

사람들이 말하는 “HTML PDF 변환”은 서로 다른 두 가지입니다. 하나는 모든 스타일시트가 적용된, 브라우저가 그리는 그대로의 웹 페이지 스크린샷입니다. 다른 하나는 HTML로 작성된 문서를 읽고, 검색하고, 인쇄할 수 있는 제대로 된 PDF로 바꾸는 것입니다. 이 페이지는 두 번째를 솔직하게 수행하며, 첫 번째를 한다고 주장하지 않는 이유를 아래에서 설명합니다.

변환되는 것

상대적인 크기의 제목, 문단, 중첩을 포함한 글머리 기호 및 번호 목록, 격자가 그려진 표, 굵게와 기울임, 가로줄, 그리고 파일 자체에 data: URI로 포함된 이미지가 변환됩니다. 모든 텍스트는 글자 그림이 아니라 선택, 검색, 복사가 가능한 진짜 텍스트로 나옵니다.

CSS가 적용되지 않는 이유

브라우저가 그리는 그대로 페이지를 재현하려면 스타일시트, 웹 글꼴, 그리고 종종 JavaScript까지 실행한 뒤 그 결과를 촬영해야 합니다. 이를 충실하게 하려면 인쇄 파이프라인을 구동하는 완전한 브라우저 엔진이 필요하며, 서버 측 변환기가 바로 그런 것입니다. 이 페이지에서 그렇게 하려면 파일이 가리키는 스타일시트, 글꼴, 이미지, 추적기 등을 다른 사람의 서버에서 불러와야 합니다. 그것은 파일의 어떤 것도 기기를 벗어나지 않는다는 이 사이트의 단 하나의 약속을 깨뜨립니다. 그래서 이 도구는 겉모습이 아니라 구조를 변환하며, 그 사실을 밝힙니다.

아무것도 가져오지 않고, 아무것도 실행되지 않습니다

파일은 이를 위해 설계된 브라우저 기능인 비활성 문서로 분석됩니다. 스크립트는 실행되지 않으며 이미지, 스타일시트, 글꼴, 추적 픽셀은 한 번도 요청되지 않습니다. 그다음 script, style, iframe, embed 요소는 완전히 제거되고, 네트워크 요청이 필요한 이미지는 버려집니다. 파일에 data: URI로 이미 포함된 이미지만 PDF에 나타날 수 있습니다.

어디에 알맞은가

내보낸 노트와 위키 페이지, HTML로 저장한 이메일 보관본, 생성된 보고서, 문서, 템플릿으로 만든 청구서, 그리고 HTML로 작성해서 깔끔하고 검색 가능한 문서로 만들고 싶은 모든 것에 알맞습니다. 스타일이 입혀진 마케팅 페이지를 픽셀 단위로 똑같이 캡처하는 용도에는 맞지 않습니다.

웹 페이지를 먼저 저장하기

읽고 있는 페이지를 변환하려면 브라우저로 저장(Ctrl+S 또는 Cmd+S)한 뒤 만들어진 .html 파일을 여기에 놓으세요. 페이지를 보이는 그대로 얻고 싶다면 브라우저 자체의 인쇄 → PDF로 저장이 어떤 변환기보다 낫고, 이미 설치되어 있습니다.