ファイルは端末から出ません。仕組み
HTMLをPDFに変換する方法
- 1HTMLを枠内に貼り付けます。
- 2「PDFに変換」をクリックします。
- 3ページ分割されたA4のPDFをダウンロードします。
よくある質問
- 対応しているHTMLの種類は？
- インラインスタイルまたは埋め込みの<code><style></code>CSSを含む、自己完結したHTMLです。ブラウザがレイアウトを組み立て、A4ページに分割します。外部の画像・フォント・スタイルシートは読み込めないため、画像はdata: URLとして埋め込んでください。
- URLを指定してWebページをそのまま変換できますか？
- できません。ブラウザから他サイトのページを取得することはセキュリティとプライバシーの観点からブロックされているため、このツールは貼り付けたHTMLから動作します。ページのソースをコピーするか、HTMLをエクスポートしてから、ここに貼り付けてください。
- 何かアップロードされますか？
- されません。HTMLのレンダリングと変換はすべて端末上で行われ、サーバーには何も送信されません。
HTMLを共有しやすいPDFに
請求書テンプレート、メール、レポート、整形済みコンテンツの断片など、HTMLの一部をPDFにしたい場面があります。HTML to PDFはブラウザと同じようにマークアップをレンダリングし、A4ページに自動でページ分割してダウンロード可能なPDFとしてパッケージ化します。すべてローカルで行われます。
自己完結・プライベート・無料
すべての処理がブラウザ内で行われるため、コンテンツがお使いの端末から出ることはありません。草稿や社内文書に便利です。インラインCSSまたは埋め込みの<style>ブロックでHTMLをスタイリングできます。ブラウザで見た通りのレイアウトがそのままPDFになります。
注意点と制限
これはクライアントサイドのレンダラーであるため、自己完結型のHTMLに対しては高い忠実度を発揮しますが、フル機能の印刷エンジンと比べると限界もあります。外部画像、Webフォント、リモートのスタイルシートは読み込まれず、一部の高度なCSSはレンダリングされないことがあります。複雑な実在サイトをピクセル単位で正確に変換したい場合は、ブラウザの印刷機能からPDFに保存する方がうまくいくことがあります。ベクター画像を変換したい場合はSVG to PDFをご利用ください。
レンダリングの仕組み
貼り付けられたHTMLはブラウザ内の独立したiframeに読み込まれ、他の通常のWebページを表示するのと同じレンダリングエンジンでレイアウトされます。CSSのボックスモデル、flexbox、テーブル、テキストの折り返しはすべて通常のタブと同じように動作します。レイアウトが確定すると、HivePDFはコンテンツの高さを計測し、可能な限り自然な区切りで改ページしながらA4サイズのページに分割します。コンテンツが行の途中で切れないよう配慮されています。
典型的な使い方
これは、自分で生成したりテンプレート化したりしたコンテンツに向いています。JavaScriptのテンプレートから作った請求書、アーカイブしたい整形済みのメール、スクリプトの出力から組み立てたレポート、静的サイトジェネレーターから書き出したドキュメントなどです。ネットワークリクエスト、外部スクリプト、ログインセッションに依存するようなライブでJavaScript重視のWebアプリを取り込む用途には向いていません。独立したレンダラー内では動作しないためです。
複数パートのドキュメントを組み立てる
各セクションを個別に変換し、Merge PDFで1つのファイルに結合できます。コンテンツの一部がHTMLではなくプレーンテキストの場合は、Text to PDFと組み合わせてご利用ください。