HTML을 PDF로 변환하는 방법
세 단계. 모두 브라우저 안에서.
모드 선택
순수 HTML을 붙여넣거나 브라우저가 가져올 수 있는 URL을 입력하세요.
페이지 옵션 선택
페이지 크기, 본문 글꼴 크기, 여백.
만들고 다운로드
PDF가 pdf-lib로 로컬에서 만들어져 다운로드로 제공됩니다.
'HTML을 PDF로'란 무엇인가요?
HTML을 PDF로 변환한다는 것은 웹페이지(또는 모든 HTML 조각)를 모든 기기에서 똑같이 인쇄되고 열리고 보관되는 휴대 가능한 고정 레이아웃 PDF로 바꾼다는 뜻입니다. 사람들은 보통 글, 내부 문서, 내보낸 메모, 또는 다른 PDF와 함께 보관해야 하는 등록 페이지 캡처를 위해 이를 원합니다.
imisspdf의 HTML을 PDF로 변환하는 기능은 일반적인 경우를 위해 만들어졌습니다. 제목, 단락, 목록, 인용, 코드, 링크가 있는 깔끔한 콘텐츠 말입니다. 이는 Chromium 방식의 렌더러가 아니며 CSS 레이아웃을 픽셀 단위로 재현하려 하지 않습니다. 그런 용도라면 브라우저에 내장된 'PDF로 저장'이 여전히 최고의 도구입니다. 그 대신 이 도구가 제공하는 것은 탭을 벗어나지 않고 어떤 HTML 조각에서든 작동하는, 자동화 가능하고 붙여넣기 친화적인 브라우저 내 변환기입니다.
브라우저에서 HTML을 PDF로 변환하는 방식
HTML을 붙여넣으면 이 도구는 이를 로컬에서 블록(제목, 단락, 목록 등)과 인라인 구간(굵게, 기울임, 링크)의 시퀀스로 파싱합니다. 각 블록은 표준 Helvetica / Courier 글꼴을 사용하여 pdf-lib로 PDF 페이지에 구성됩니다. 콘텐츠가 넘치면 새 페이지가 만들어집니다.
URL 모드에서는 브라우저가 대상 사이트에 일반 HTTP 요청을 보내는데, 이는 주소창이 하는 것과 정확히 같습니다. 사이트가 CORS를 허용하면 페이지 HTML이 탭에서 읽혀 로컬로 렌더링됩니다. 그렇지 않으면 명확한 오류가 표시되며 소스 코드를 직접 붙여넣을 수 있습니다. URL이나 그 내용에 대한 어떤 것도 imisspdf에 전달되지 않습니다.
일반적인 사용 사례
- 글 보관. 글의 HTML을 붙여넣고 PDF를 장기 참조용으로 저장하세요.
- 메모 앱 콘텐츠 내보내기. Notion, Obsidian, 마크다운 변환기는 HTML을 만듭니다. 붙여넣으면 브라우저를 벗어나지 않고 PDF를 얻습니다.
- 보고서 공유. 앱에서 HTML 보고서를 생성하고, 받는 사람이 PDF를 요구할 때 이 도구로 처리하세요.
- FAQ 조각 인쇄. 순서가 있는 자주 묻는 질문 목록이 티켓에 첨부할 수 있는 한 페이지 PDF가 됩니다.
- 거래 이메일 보관. 영수증이나 확인 메일의 HTML을 회계 기록용 PDF로 저장하세요.
개인정보 보호와 보안
서버 기반의 HTML을 PDF로 변환하는 도구는 클라우드에서 실행되는 Chromium 인스턴스로 HTML(또는 URL과 세션 쿠키)을 보내야 합니다. 그것도 작동하지만, 콘텐츠를 제3자의 손에 맡기는 것입니다. imisspdf의 변환기는 모든 것을 pdf-lib로 브라우저에서 파싱하고 렌더링합니다. 유일한 네트워크 호출은 URL 모드에서 명시적으로 실행하는 가져오기뿐이며, 이는 저희를 거치지 않고 브라우저에서 대상 사이트로 직접 갑니다.
자주 묻는 질문
제목(h1~h6), 단락, 목록(ul/ol), 인용문, 서식이 지정된 코드 블록, 가로줄, 그리고 인라인 굵게, 기울임, 코드, 링크가 지원됩니다. 렌더러는 의도적으로 단순하게 만들어져, Notion 페이지, Google 문서 내보내기, 블로그 글에서 붙여넣어도 예상치 못한 결과 없이 깔끔한 PDF로 출력됩니다.
CSS 레이아웃은 지원되지 않습니다. float, grid, flex는 무시됩니다. 표도 지원되지 않습니다(행이 텍스트로 평탄화됩니다). 포함된 이미지도 지원되지 않습니다. 웹 폰트도 지원되지 않으며, PDF는 표준 Helvetica / Courier 세트를 사용합니다. 픽셀 단위로 정확한 Chromium 방식 렌더링이 필요하다면 페이지를 스크린샷으로 찍어 JPG를 PDF로 변환하는 기능을 대신 사용하세요.
네. 이 도구는 브라우저에서 직접 HTML을 가져오며, 이는 CORS 정책이 허용하는 사이트에서 작동합니다. 많은 대형 사이트는 이를 허용하지 않습니다. 가져오기가 차단되면 명확한 오류 메시지가 표시됩니다. 해결 방법으로, 페이지 HTML을 직접 복사하여(마우스 오른쪽 클릭 → 소스 보기 → 복사) 텍스트 영역에 붙여넣으세요.
붙여넣기의 경우 그렇습니다. HTML은 브라우저를 벗어나지 않습니다. URL의 경우, 브라우저가 마치 방문하는 것처럼 해당 서버에서 페이지를 직접 가져오며, imisspdf는 URL이나 내용을 전혀 보지 않습니다. PDF 조립은 탭 안에서 로컬로 이루어집니다.
브라우저의 'PDF로 저장'은 Chromium의 완전한 렌더링 엔진을 사용하여 픽셀 충실도가 완벽하지만, 페이지를 하나씩 인쇄해야 하고 스크립트로 자동화할 수 없습니다. imisspdf의 HTML을 PDF로 변환하는 기능은 더 단순하지만, 어떤 HTML 조각이든 붙여넣고 변환을 자동화하며 오프라인에서도 실행할 수 있습니다. 작업에 맞는 것을 선택하세요.
최상의 결과를 위한 팁
- 전체 페이지가 아닌 본문을 붙여넣으세요. 더 간결한 PDF를 원하면 내비게이션, 사이드바, 바닥글을 제거하세요.
- 의미 있는 태그를 사용하세요. 소제목은 h2, 단락은 p, 목록은 ul/ol. 렌더러는 클래스가 아니라 태그를 따릅니다.
- CORS가 URL을 차단하면 소스 보기 후 붙여넣으세요. 대부분의 최신 사이트는 직접 가져오기를 막는 교차 출처 헤더를 보냅니다. HTML을 직접 복사하는 것이 믿을 만한 대안입니다.
- 픽셀 충실도가 필요하면 브라우저의 'PDF로 저장'을 사용하세요. 그런 다음 결과물을 이 사이트의 다른 도구로 처리하세요.