HTML PDF 변환 무료 온라인
128 회 사용 HTML 코드
미리보기
HTML→PDF
HTML 코드
HTML을 붙여넣으면 PDF 생성.
미리보기
변환 전 미리보기.
자주 묻는 질문
어떻게?
HTML 붙여넣기, 미리보기, PDF 다운로드.
로컬?
네.
HTML 미리보기와 PDF가 다르게 보이는 이유는 무엇인가요?
PDF 렌더러는 웹 브라우저 엔진이 아닌 인쇄 기반 레이아웃 엔진을 사용합니다. 따라서 `position: fixed`나 `overflow: hidden` 같은 CSS 속성이 다르게 동작할 수 있습니다. 가장 좋은 방법은 단순한 레이아웃을 사용하고 5페이지 샘플로 먼저 테스트하는 것입니다. 흔한 실수: Google Fonts는 style 태그 안에서 @import로 포함해야 로드됩니다.
인터넷이 연결되지 않아도 이 도구를 사용할 수 있나요?
네, 페이지가 한 번 로드되면 Wi-Fi를 끊어도 HTML을 PDF로 변환할 수 있습니다. 모든 작업은 JavaScript를 통해 브라우저 내에서 로컬로 실행됩니다. 서버로 데이터가 전송되지 않습니다. 직접 테스트해보세요: 페이지를 열고 네트워크 케이블을 뽑은 다음 HTML을 붙여넣고 변환 버튼을 누르면 됩니다. 그래서 즉각적이고 무료인 겁니다.
HTML에 JavaScript나 애니메이션이 있으면 어떻게 되나요?
최종 PDF에는 반영되지 않습니다. 이 도구는 HTML 콘텐츠의 정적 스냅샷을 캡처합니다. JavaScript, CSS 애니메이션, 호버 효과나 캐러셀 같은 인터랙티브 요소는 변환 시 모두 무시됩니다. 동적 차트나 카운트다운 타이머를 만드는 경우 먼저 정적 버전을 준비하세요. 가장 좋은 방법은 JavaScript 출력을 수동으로 렌더링한 다음, 그 최종 HTML을 편집기에 붙여넣는 것입니다.
변환할 수 있는 HTML 코드의 파일 크기 제한이 있나요?
엄격한 상한선은 없지만 브라우저는 아주 큰 HTML 블록을 처리할 때 버벅입니다. base64 이미지 20개를 포함한 200KB의 원시 HTML로 이 도구를 테스트했는데 문제없이 작동했습니다. 500KB를 넘어가면 실시간 미리보기에서 지연이 발생하기 시작합니다. 서버에 전송되는 데이터가 없으므로 브라우저 메모리만이 유일한 제한입니다. 팁: 변환 전에 사용하지 않는 CSS를 제거하고 포함된 이미지를 각각 100KB 미만으로 압축하세요.
PDF에 페이지 번호를 수동으로 추가해야 하나요?
아니요, CSS로 자동 생성됩니다. 이 도구에는 전용 버튼이 없지만 style 태그에 `@page { @bottom-center { content: counter(page) } }`를 넣으면 각 페이지 하단 중앙에 번호가 찍힙니다. 3~4페이지 분량으로 미리 테스트해보세요. 브라우저마다 @page 규칙을 해석하는 방식이 조금씩 달라서요.
HTML 안에 있는 이미지가 PDF에 표시되나요?
네, 단 브라우저에서 접근 가능한 경우에만 그렇습니다. URL로 지정한 원격 이미지는 로드되지만, 호스트가 핫링크를 차단하거나 링크가 만료되면 실패합니다. Base64로 인코딩된 이미지는 HTML에 직접 포함되어 있으니 완벽하게 표시됩니다. 로컬 파일은 파일 경로 대신 데이터 URI로 붙여넣으세요. 주의할 점으로, 2MB가 넘는 이미지는 렌더링이 눈에 띄게 느려지므로 반드시 1MB 미만으로 JPEG나 PNG로 압축한 후 사용하세요.
만든 PDF에 비밀번호를 설정할 수 있나요?
아니요, 이 도구에는 비밀번호 보호 기능이 없습니다. 브라우저 기반 변환기에서 흔한 오해죠. 파일이 서버를 거치지 않으므로 서버 측 암호화 단계가 없습니다. 대신 이렇게 하세요: 여기서 HTML을 PDF로 변환한 후 PDF24나 Chrome의 인쇄 대화상자 같은 무료 도구로 비밀번호를 추가하면 됩니다. 계약서를 정리하는 변호사라면 그 추가 단계가 충분히 가치 있습니다. 암호화를 위해 클라우드에 업로드하면 이 변환기의 개인정보 보호 이점이 무너집니다.
방법
- HTML 붙여넣기
- 미리보기
- PDF 다운로드
관련 도구
모든 파일은 브라우저에서 로컬로 처리됩니다. 서버에 업로드되지 않습니다.