HTML 코드를 PDF 문서로 만들어서 보관하거나 공유하고 싶을 때가 있습니다. 아래 도구는 입력한 HTML 코드를 어디에도 업로드하지 않고, 지금 보고 있는 이 브라우저 화면 안에서 그대로 그려서 PDF 파일로 만들어 드립니다. 다만 다른 웹사이트의 "주소(URL)"를 입력받아 그 사이트를 그대로 가져오는 방식은 아닙니다. 브라우저 보안 정책 때문에 순수하게 브라우저 안에서만 동작하는 도구는 다른 웹사이트를 직접 불러올 수 없기 때문에, 이 도구는 대신 HTML 코드 자체를 붙여넣거나 .html 파일을 불러오는 방식으로 동작합니다. 화면 너비, 페이지 크기, 긴 단일 페이지 여부, 방향, 여백을 선택할 수 있습니다. 대신 특정 웹사이트 주소를 빠르게 인쇄해 PDF로 저장하고 싶을 때 쓸 수 있도록, 주소를 입력하면 새 탭에서 열어 브라우저 인쇄 대화상자를 자동으로 띄워 주는 보조 기능도 함께 넣었습니다. 자세한 내용은 아래 안내를 확인해 주세요.
HTML to PDF 변환
HTML 코드를 붙여넣으면 화면에 보이는 모습 그대로 PDF 문서로 만들어 드립니다.
이 도구는 다른 웹사이트의 주소(URL)를 입력받아 그 사이트를 그대로 가져오지는 않습니다. 브라우저 보안 정책상 순수 브라우저 도구는 다른 사이트를 직접 불러올 수 없기 때문입니다. 대신 아래에 HTML 코드를 붙여넣거나, ".html 파일 불러오기" 버튼으로 가지고 있는 HTML 파일의 내용을 채워 넣어 사용하세요.
주소를 입력하면 새 탭에서 그 페이지를 열고 브라우저의 인쇄 대화상자를 자동으로 띄웁니다. 대화상자에서 "PDF로 저장"을 선택하면 PDF 파일로 저장됩니다. PDF 파일이 자동으로 만들어지거나 다운로드되는 것은 아니며, 아래의 페이지 크기/방향/여백 설정은 적용되지 않고 그 사이트 자체의 화면과 브라우저 자체의 인쇄 설정을 따릅니다.
입력한 HTML 코드는 서버로 전송되지 않고 이 브라우저 안에서만 처리됩니다. 페이지를 새로고침하거나 닫으면 입력한 내용과 결과물은 사라집니다.
이용 방법
방법 A. 특정 웹사이트 주소를 빠르게 인쇄하고 싶을 때
- 맨 위 "웹사이트 주소로 빠른 인쇄" 상자에 주소를 입력합니다.
- "새 탭에서 열어 인쇄하기"를 누르면 그 페이지가 새 탭에서 열리고, 잠시 후 브라우저 인쇄 대화상자가 자동으로 뜹니다.
- 인쇄 대화상자에서 프린터 선택 항목을 "PDF로 저장"으로 바꾸고 저장하면 PDF 파일이 만들어집니다. 대화상자가 뜨지 않으면 "인쇄 대화상자 다시 열기" 버튼을 눌러 주세요.
방법 B. 가지고 있는 HTML 코드를 세밀한 설정으로 PDF 파일로 만들고 싶을 때
- 변환하고 싶은 HTML 코드를 아래 상자에 붙여넣거나, ".html 파일 불러오기" 버튼으로 파일 내용을 채워 넣습니다.
- 화면 크기, 긴 단일 페이지 여부, 페이지 크기, 방향, 여백을 선택합니다.
- "PDF로 변환하기"를 누르면 브라우저 안에서 바로 HTML을 그려서 PDF를 만듭니다.
- 완료되면 페이지 수와 함께 다운로드 버튼이 나타납니다. PDF 파일을 내려받아 사용하세요.
자주 묻는 질문
웹사이트 주소(URL)를 입력하면 그 사이트를 그대로 PDF 파일로 다운로드해 주나요?
아니요. "웹사이트 주소로 빠른 인쇄" 기능은 입력한 주소를 새 탭에서 열고 브라우저 자체의 인쇄(Ctrl+P) 대화상자를 자동으로 띄워 주는 것뿐입니다. 그 대화상자에서 사용자가 직접 "PDF로 저장"을 선택해야 PDF 파일이 만들어지며, 자동으로 다운로드되지는 않습니다. 또한 이 방식은 그 사이트 자체의 화면과 브라우저의 인쇄 설정을 따르기 때문에, 이 도구에서 고른 화면 크기/페이지 크기/방향/여백 설정은 적용되지 않습니다. 페이지 크기나 여백까지 직접 정해서 PDF로 만들고 싶다면, 아래의 "HTML 코드 붙여넣기" 방식을 이용해 주세요. 이 경우에도 브라우저 보안 정책(CORS, X-Frame-Options) 때문에 다른 사이트의 주소를 그대로 입력받아 코드를 자동으로 가져올 수는 없어서, 그 사이트에서 "페이지 소스 보기"로 HTML을 복사해 직접 붙여넣어야 합니다.
입력한 HTML이 서버에 저장되나요?
아니요. 입력한 HTML 코드는 어디로도 전송되지 않고, 지금 보고 있는 브라우저 안에서만 처리됩니다.
결과가 실제 화면과 완전히 똑같이 나오나요?
대체로 비슷하게 나오지만 완전히 동일하지는 않을 수 있습니다. 이 도구는 입력한 HTML을 화면에 보이지 않는 영역에 실제로 그린 뒤 그 결과를 캡처하는 방식으로 동작합니다. 다른 도메인에 있는 이미지는 그 서버가 교차 출처 접근(CORS)을 허용하지 않으면 캡처되지 않고 빈 자리로 보일 수 있고, 외부 웹 폰트나 애니메이션, 동영상, 자바스크립트로 실행 시간이 오래 걸리는 효과 등은 온전히 반영되지 않을 수 있습니다. 내용이 매우 긴 경우 브라우저 메모리 제한으로 변환이 실패할 수도 있습니다.
"긴 단일 페이지"는 언제 사용하나요?
문서를 여러 장으로 나누지 않고 이어지는 한 장의 긴 이미지처럼 보고 싶을 때 사용합니다. 체크하지 않으면 선택한 페이지 크기(A4/Letter)와 방향에 맞추어 내용을 여러 페이지로 나누어 배치합니다.
어떤 이미지 형식을 지원하나요?
HTML 안에서 <img> 태그나 배경 이미지로 사용된 PNG, JPG 등의 이미지를 지원합니다. 다만 다른 도메인의 이미지는 그 서버가 교차 출처 접근을 허용하는 경우에만 정상적으로 캡처됩니다.