HTMLをPDFに

HTMLをPDFに変換する方法

1. .htmlファイル(画像やフォルダーが別ならそれも)を選ぶか、コードを貼り付けます。
2. 必要なら用紙サイズと余白を変え、プレビューを確認します。
3. 「PDFとして保存」を押し、印刷画面で送信先に「PDFに保存」を選びます。

なぜ印刷画面を使うのか

Webページのレイアウトは、ブラウザがいちばん得意とすることです。flexbox、grid、Webフォント、ページをまたぐ表。HTMLを独自にPDFへ変換するライブラリはCSSの一部しか理解できず、残りを間違えるため、同じページが違う見た目になりがちです。ここではお使いのブラウザ——サーバー上のヘッドレスChromeと同じエンジン——がレイアウトし、その印刷画面がPDFを書き出します。テキストは選択でき、リンクも使え、結果はプレビューどおりです。

画像・スタイルシート・フォント

.htmlファイルは、ロゴやスタイルシート、フォントなど別のファイルを参照していることがよくあります。ページと一緒に選ぶか、フォルダーごと追加すれば、印刷の前に文書の中へ組み込まれます。ブラウザで「ウェブページ、完全」として保存したページには名前_filesというフォルダーが付いてくるので、それを追加してください。インターネットから読み込むものは、チェックボックスをオンにしない限り読み込みません。読み込むと、それらのサイトに接続することになるからです。

改ページと用紙サイズ

ページ自身の印刷ルールはそのまま使われます。CSSで用紙サイズ・余白・改ページの位置(@page、break-before、break-inside: avoid)が指定されていれば、そのとおりになります。ここでサイズや余白を選ぶのは、それを上書きしたいときだけです。

プライバシーは守られますか？

はい。すべての処理はお使いの端末上のウェブブラウザー内で行われます。サーバーには一切アップロードされないため、ドキュメントは完全に非公開のまま保たれます。 アップロードせずに動くしくみ

よくある質問

ファイルはアップロードされますか?

いいえ。ページの準備とレイアウトはブラウザ内で行われ、PDFはブラウザの印刷画面が書き出します。このページが読み込まれた後にインターネットを切っても動作します。

なぜダウンロードではなく印刷画面が開くのですか?

本物のテキストを持つPDFを書き出せるのはブラウザの印刷エンジンだけで、Webページはその画面を通さずにそれを使えないからです。ChromeとEdgeでは「PDFに保存」、Firefoxでは「PDFに保存」、Macでは画面下のPDFボタンを選びます。

各ページに日付とアドレスが入ります。

印刷画面の「ヘッダーとフッター」オプションです。「詳細設定」でオフにしてください。ここで余白を「なし」にしても消えます。

Webアドレス(URL)を変換できますか?

できません。別のサイトからページを取ってくるには間にサーバーが必要で、このサイトにはサーバーがありません。ページを開いてCtrl+Sで「ウェブページ、完全」として保存し、ここで.htmlファイルとフォルダーを選んでください。ブラウザから直接印刷することもできます。

色や背景画像が出ません。

ブラウザはインクを節約するため、印刷時に背景を省きます。既定でオンの「背景の色と画像を印刷する」がそれを止めます。それでも足りない場合は、印刷画面で「背景のグラフィック」をオンにしてください。

スマートフォンでも使えますか?

はい。AndroidとiPhoneでは、ページが別のタブで開き、端末の印刷画面が表示されるので、そこで「PDFとして保存」を選んでください。スマートフォンではスクリプトは実行されません。