HTMLをPDFに

HTMLをPDFに変換する方法

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

広告やコメントなしで記事を保存する

ブラウザから記事を印刷すると、メニュー、広告、ほかの記事へのリンク、コメントまで一緒に出てきます。「記事だけ」なら、保存する価値のあるもの、つまりタイトル、ページにあれば著者と日付、本文と写真だけを、A4 で、最後に元のアドレスを付けて残します。Firefox のリーダービューと同じ技術で、すべてブラウザの中で行われます。

なぜ印刷画面を使うのか

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

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

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

改ページと用紙サイズ

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

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

はい。すべての処理はお使いの端末上のウェブブラウザー内で行われます。サーバーには一切アップロードされないため、ドキュメントは完全に非公開のまま保たれます。 さらに、ツールは広告とは切り離された専用の枠の中で動いています。この枠は別のアドレス（app.robinpdf.com）から配信され、ブラウザは周りのページに、枠の中で開いたファイルを見せません。 アップロードせずに動くしくみ

よくある質問

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

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

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

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

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

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

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

直接はできません。他のサイトのページを取得するには間にサーバーが必要ですが、このサイトにはありません。代わりに Ctrl+S でページを保存し（「単一ファイル」または「完全」）、ここで選んで「記事だけ」にチェックを入れると、記事だけをきれいに残せます。

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

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

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

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