HTMLからPDFへの変換の仕組み
HTMLファイルをPDFに変換すると、ページはGoogle Chromeのエンジンであるheadless Chromiumで開かれ、ChromeのSave as PDFと同じ方法でPDFに印刷されます。本文、見出し、リスト、表、色、背景、flexboxやgridを含むCSSレイアウトが引き継がれ、リンクはクリックできる状態のままです。ページの印刷用スタイルシートが適用されるため、@media printでページが非表示にしている部分はPDFにも出力されません。
スクリプトはページを印刷する前に実行されるので、JavaScriptでページが組み立てる内容もPDFに表示されます。スクリプトに与えられる時間は約5秒で、スクリプトが終わらないページは60秒後に拒否されます。安全のため、コンバーターはインターネットに接続できません。URLで指定された画像、スタイルシート、Webフォントは読み込まれず、Webフォントで指定した文字は標準フォントで表示されます。ファイル内のスタイルと埋め込み画像(data: URIs、インラインSVG)は使えます。
なぜHTMLファイルをPDFに変換するのか？
PDF形式は、公式記録、契約書、アーカイブに最適な恒久的で編集不可な文書を作成します。HTMLをPDFに変換することで、インターネット接続を必要とせずどのデバイスでも同じ見た目で表示される固定形式でWebコンテンツを保存できます。PDFは、一貫した書式が不可欠なビジネス、法務、行政の文脈における文書交換の標準です。
Web開発者は、請求書生成、レポート作成、証明書発行のためにHTMLテンプレートをPDFに変換します。チームはHTMLのメールマガジンやお知らせを記録用にPDFで保存します。研究者は、引用や参照のためにWeb記事をPDFとしてアーカイブします。Webコンテンツの恒久的な保存を必要とするあらゆるワークフローが、HTML-to-PDF変換の恩恵を受けます。
HTMLからPDFへの変換の一般的なユースケース
企業はHTMLテンプレートからPDFの請求書、領収書、契約書を生成します。HTML形式では動的なデータ挿入（顧客名、注文詳細、価格）が可能で、PDF出力はクライアントに送るためのプロフェッショナルな文書を作成します。ECプラットフォームは注文確認をPDFに変換します。SaaSアプリケーションはレポートや明細書をPDFとして生成します。
開発者はオフライン配布のためにHTMLドキュメントやヘルプページをPDFに変換します。研修部門はWebベースの講座教材からPDFマニュアルを作成します。イベント主催者はHTMLテンプレートからPDFのチケットや証明書を生成します。出版社はWebファーストのコンテンツから印刷用のPDFを作成します。
アーキビストは恒久的な記録としてWebページをPDFで保存します。法務チームは、コンプライアンス文書のためにWebサイトの利用規約やポリシーをPDFに変換します。研究者は引用資料ライブラリのためにオンライン記事をPDFとして保存します。Webコンテンツを持ち運び可能で印刷可能な文書形式で必要とするあらゆるワークフローが、HTML-to-PDF変換の恩恵を受けます。
HTMLからPDFコンバーターの主な機能
- 最新のレイアウト手法を含む完全なCSSサポート
- 埋め込み画像、色、背景を保持し、フォントはPDFに埋め込み
- 適切な改ページで複数ページのコンテンツに対応
- PDF出力内でハイパーリンクを維持
- 印刷や共有に適したプロフェッショナルなPDF出力
技術詳細：HTMLからPDFへの変換
当サイトのHTML→PDF変換は、Google Chromeのエンジンであるheadless Chromiumで印刷します。アップロードするのはHTMLファイル1つだけなので、パソコン上で隣に置いたファイルを相対パスで参照している画像、スタイルシート、スクリプトはアップロードに含まれず、表示されません。それらはHTMLに埋め込んでください。使われたフォントはPDFに埋め込まれるので、閲覧者の環境にどのフォントがあっても同じ見た目になります。
ページはA4で、余白は約1 cmです。ただし、HTMLがCSSの@pageルールで独自のページサイズと余白を指定している場合はそちらが使われます。ツール側にページ設定はありません。内容は自動で次のページへ流れ、CSSのpage-break-beforeとbreak-insideのルールで改ページの位置を制御できます。Chromeの日付とアドレスが入るヘッダーとフッターは印刷されません。あらゆる言語の文字を正しく表示するため、HTMLで文字コードUTF-8を宣言してください。