UltKit
이미지11
이미지 변환이미지 용량 줄이기이미지 크기 조절사진 자르기이미지 PDF 변환증명사진 만들기이미지 SVG 변환이미지 도구 전체 →
PDF13
PDF 압축PDF 변환PDF 이미지 변환PDF 합치기PDF 나누기PDF 암호 해제PDF 암호 설정PDF 도구 전체 →
문서·데이터7
PDF로 변환문서 변환이미지 텍스트 추출(OCR)이미지 엑셀 변환데이터 변환전자책 변환문서·데이터 도구 전체 →
동영상6
동영상 변환영상 용량 줄이기동영상 음원 추출동영상 GIF 변환동영상 자르기오디오 동영상 변환동영상 도구 전체 →
오디오4
오디오 변환오디오 용량 줄이기MP3 자르기음성 텍스트 변환오디오 도구 전체 →
기타 도구22
QR 코드 생성ZIP 파일 만들기온라인 압축 풀기시간대 변환기단위 변환기비밀번호 생성기글자 수 세기컬러 피커기타 도구 전체 →
블로그이용 방법

HTML PDF 변환

내보낸 보고서, 시스템이 만든 청구서, 이메일 템플릿, 저장한 웹 페이지 같은 HTML 파일을 업로드하면 글꼴, 표, 링크를 유지한 페이지 단위 PDF를 받을 수 있습니다. 파일에 인쇄용 스타일이 있으면 그 스타일이 페이지 모양을 결정합니다.

PDF 변환

또는 DOC, DOCX, DOCM … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

  1. 1

    .html 또는 .htm 파일 업로드

    파일을 최대 20개, 파일당 95 MB까지 추가하십시오. 웹에 있는 페이지를 변환하려면 먼저 Ctrl+S(Mac은 Cmd+S)로 저장한 뒤 .html 파일을 업로드하십시오.

  2. 2

    페이지 크기와 여백 선택

    페이지 크기를 원본과 동일로 두면 파일의 @page 규칙을 따릅니다. A4나 Letter 강제 지정, 가로 방향, 다른 여백은 고급 설정에서 정하십시오.

  3. 3

    PDF로 변환

    PDF로 변환을 누르고 결과를 다운로드하십시오. 업로드한 파일과 PDF는 30분 뒤 삭제됩니다.

HTML PDF 무료 변환: 깔끔하게 변환되는 파일

필요한 모든 것을 파일 안에 담은 HTML이 가장 잘 변환됩니다. 스타일은 <style> 요소 안에, 이미지는 포함되어 있거나 전체 https:// 주소로 연결되어 있고, 글꼴은 @font-face로 불러오는 파일입니다. 청구서와 명세서부터 테스트 보고서, 문서 내보내기, HTML 이메일 템플릿까지 대부분의 자동 생성 문서가 이에 해당합니다. 특히 이메일 템플릿은 메일 클라이언트가 외부 파일을 차단하기 때문에 처음부터 독립적으로 만들어집니다.

웹사이트에서 저장한 페이지는 다릅니다. 웹페이지, 전체로 저장하면 브라우저가 .html 파일과 그 옆에 이미지·스타일시트 폴더를 만드는데, 이 폴더는 업로드에 포함되지 않습니다. 이런 페이지로 만든 PDF가 허전해 보인다면 브라우저에서 직접 인쇄하거나 먼저 내용을 정리하십시오. PDF를 만들기 전에 메뉴와 푸터를 잘라 내고 싶다면 HTML 워드 변환이 유용합니다.

CSS 픽셀이 A4·Letter 페이지에 대응하는 방식

SizePixelscminDPIFits
A4794 × 112321.0 × 29.78.27 × 11.699625.4 mm 여백 기준 사용 가능 너비 약 602 px
Letter816 × 105621.6 × 27.98.5 × 1196미국 기본값, 1 in 여백 기준 사용 가능 너비 약 624 px
Legal816 × 134421.6 × 35.68.5 × 1496긴 미국 계약서와 양식
A31123 × 158729.7 × 42.011.69 × 16.5496넓은 대시보드와 일정표
A5559 × 79414.8 × 21.05.83 × 8.2796소책자와 영수증

CSS는 1인치를 96 px로 정의하므로, 페이지는 스타일시트가 쓰는 단위로 고정된 너비를 가집니다. 1280 px 데스크톱 창에 맞춰 디자인한 레이아웃은 일반 여백의 A4 페이지에서 약 600 px만 쓸 수 있습니다. 반응형 페이지는 더 좁은 레이아웃으로 바뀌어 잘 인쇄되지만, 1000 px 고정 래퍼가 있는 페이지는 렌더러에 따라 축소되거나 잘립니다. 여백을 좁게(12.7 mm)로 설정하면 너비를 약 100 px 더 확보할 수 있습니다.

PDF의 페이지 나눔을 제어하는 인쇄용 CSS

기본 인쇄 스타일시트: 페이지 크기, 사이트 메뉴 숨기기, 나눔 규칙
/* 용지 크기와 여백 */
@page { size: A4; margin: 15mm; }
@media print {
  /* 사이트 메뉴 숨기기 */
  nav, footer, .cookie-banner { display: none; }
  h2, h3 { break-after: avoid; }
  table, figure, pre { break-inside: avoid; }
  .new-section { break-before: page; }
}

@page 규칙은 W3C의 CSS Paged Media 모듈에서 나왔으며 용지 크기와 여백을 정합니다. break-before, break-after, break-inside 속성은 CSS Fragmentation에 속하며 예전의 page-break- 속성을 대체합니다. 브라우저는 예전 속성도 별칭으로 계속 받아들입니다. 웹 폰트는 한 가지를 더 확인해야 합니다. 변환기가 접근할 수 없는 서버에서 불러오는 글꼴은 시스템 글꼴로 대체되고, 글꼴 포함*이 켜져 있으면 PDF에는 그 대체 글꼴이 포함됩니다. 글꼴 파일은 전체 https:// 주소로 접근할 수 있게 두십시오.

HTML

하이퍼텍스트 마크업 언어(HTML)

HTML은 웹의 마크업 언어로, 1990년대 초 Tim Berners-Lee가 처음 기술했고 현재는 WHATWG가 리빙 스탠더드로 관리합니다. HTML 파일은 제목, 문단, 링크, 표, 이미지, 양식을 기술하며 스타일은 보통 CSS가 담당합니다. 모든 브라우저가 렌더링하며 이메일 템플릿과 저장된 웹 페이지에도 쓰입니다. HTML 파일 하나는 외부 이미지와 스타일시트에 의존하는 경우가 많아, 파일만 따로 옮기면 깨져 보일 수 있습니다.

압축 방식
–
투명도
–
애니메이션
–
도입 연도
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 변환

PDF

PDF 문서(Portable Document Format)

PDF는 1993년 Adobe가 만들었고 2008년 개방형 표준 ISO 32000이 되었습니다. 텍스트, 글꼴, 이미지, 레이아웃을 고정해 어떤 화면과 프린터에서도 문서가 똑같이 보입니다. PDF에는 양식, 서명, 링크, 첨부 파일, 검색 가능한 텍스트를 넣을 수 있고, PDF/A 변형은 장기 보관에 쓰입니다. 레이아웃이 고정되어 있어 편집하기 어렵고, 스캔한 PDF는 OCR을 적용하지 않으면 이미지만 들어 있습니다. 모든 브라우저와 운영 체제에서 열 수 있습니다.

압축 방식
–
투명도
예
애니메이션
아니요
도입 연도
1993 · Adobe
PDF 변환

HTML은 여는 창에 맞춰 내용이 다시 배치되고, 다른 곳에 있는 글꼴, 스크립트, 이미지에 의존합니다. PDF는 페이지가 나뉜 하나의 버전으로 고정되므로 보관하거나, 청구서 이메일에 첨부하거나, 문서만 받는 포털에 제출할 수 있습니다.

HTML PDF 변환 자주 묻는 질문

웹 페이지 주소를 붙여 넣어 바로 변환할 수 있나요?

아니요, 이 변환기는 파일을 처리합니다. 브라우저에서 페이지를 저장해 .html 파일을 업로드하거나, 브라우저 자체의 인쇄 대화상자에서 대상을 PDF로 저장으로 선택하십시오. 로그인이 필요한 페이지나 사이트에서 불러오는 이미지가 많은 페이지라면 후자가 더 나은 방법입니다.

HTML을 PDF로 변환하면 배경색이 사라지는 이유는 무엇인가요?

브라우저와 대부분의 변환기는 잉크를 아끼기 위해 인쇄할 때 기본적으로 배경을 생략합니다. 표 머리글 행이나 상태 배지처럼 색이 꼭 남아야 하는 요소에 print-color-adjust: exact를 추가하면 유지됩니다.

HTML의 링크를 PDF에서도 클릭할 수 있나요?

전체 주소로 된 링크는 대개 클릭할 수 있습니다. /pricing 같은 상대 링크는 파일이 웹사이트를 벗어나면 연결할 사이트를 잃으므로, 독자가 PDF에서 링크를 따라가야 한다면 완전한 https:// 주소로 바꾸십시오.

넓은 표가 페이지 오른쪽에서 잘리는 이유는 무엇인가요?

표가 인쇄 가능 영역보다 넓기 때문이며, 고정 픽셀 너비가 원인인 경우가 많습니다. 방향을 가로로 설정하거나, 인쇄용 CSS에서 표에 width: 100%와 더 작은 셀 안쪽 여백을 주어 페이지에 맞게 줄 바꿈되도록 하십시오.

여러 HTML 파일을 PDF 하나로 만들 수 있나요?

업로드한 파일마다 별도의 PDF가 만들어지며, 한 번에 최대 20개입니다. 이후 PDF 합치기로 순서대로 묶으십시오. 업로드 전에 파일 이름을 01, 02, 03으로 지정해 두면 순서가 분명해집니다.