HTML PDF 변환 무료 온라인
187 회 사용 HTML 코드
미리보기
HTML→PDF
HTML 코드
HTML을 붙여넣으면 PDF 생성.
미리보기
변환 전 미리보기.
자주 묻는 질문
인터넷이 연결되지 않아도 이 도구를 사용할 수 있나요?
네, 페이지가 한 번 로드되면 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로 변환하는 데 얼마나 걸리나요?
사실상 즉시입니다. 일반적인 10페이지 문서는 1초 미만이 걸립니다. 변환은 전적으로 브라우저 메모리에서 실행되므로 실제 지연은 기기 처리 속도뿐입니다. 이미지가 포함된 100KB 파일은 오래된 노트북에서 2~3초, 최신 스마트폰에서는 더 빠릅니다. 대기열도 업로드도 없습니다. 완전한 프라이버시의 대가로 하드웨어가 모든 작업을 처리합니다. 50페이지 보고서라면 약 5초를 예상하세요. 그 후 다운로드가 즉시 시작됩니다.
여러 HTML 파일을 하나의 PDF로 합칠 수 있나요?
직접은 안 됩니다. 편집기는 한 번에 하나의 HTML 블록만 처리해요. 대신 우회 방법은 간단합니다. 각 섹션을 한 문서에 붙여넣고 사이에 `<div style="page-break-after: always;">`를 넣으세요. 그러면 각 부분이 새 페이지에서 시작해서 파일 다섯 개 대신 깔끔한 PDF 하나가 나옵니다. 포트폴리오 10페이지를 만드는 디자이너들이 쓰는 방식이에요. div 순서를 바꿔가며 흐름을 다듬으면 됩니다. 미리보기는 꼭 확인하세요. 페이지 나눔 태그가 어긋나면 반 페이지가 비어버려요.
PDF로 변환할 때 커스텀 CSS 글꼴이 깨지기도 하나요?
외부 서버에서 불러오는 글꼴은 보안 정책 때문에 PDF에 나타나지 않을 수 있습니다. 폰트 파일을 Base64 코드로 변환해 CSS 내부에 직접 붙여넣으면 이 문제를 해결합니다. 외부 네트워크 없이도 렌더링 엔진이 모든 글자를 완벽히 읽어냅니다. 저장하기 전에 미리보기 화면에서 글꼴을 꼭 확인하세요.
인쇄된 콘텐츠가 여백에 잘리는 현상
800픽셀을 초과하는 고정 본문 너비가 있는지 CSS를 확인하세요. 기본 PDF 페이지는 A4나 레터 규격에 맞춰지므로 고정 너비는 종종 오른쪽 경계를 벗어납니다. 메인 컨테이너 너비를 유연한 100퍼센트로 조정하거나 max-width 선언을 사용하세요. 다운로드하기 전에 실시간 미리보기에서 이를 테스트할 수 있습니다.
방법
- HTML 붙여넣기
- 미리보기
- PDF 다운로드
관련 도구
모든 파일은 브라우저에서 로컬로 처리됩니다. 서버에 업로드되지 않습니다.