HTMLをPDFに変換

HTMLをPDFに変換するということ

プログラムが出力したレポート、保存したメール、請求書のテンプレート、自分で書いたページなどのHTMLファイルを、送信や印刷のためにPDFにしたいことがあります。

HTMLを貼り付けるか.htmlファイルを開いてください。ライブプレビューが表示され、文書の付属CSS（フォント、色、罫線、表）を使って、レターまたはA4のページにレイアウトされます。長い文書は、段落、表の行、リスト項目の区切りでページ分割され、表の見出し行は各ページで繰り返されます。

処理はすべてブラウザ内で行われます。HTMLはアップロードされず、含まれるスクリプトは表示の前に削除されます。

特長

HTMLの貼り付けでもファイルでも — ページ全体でも一部のコードでも可。ファイルはテキストボックスにドロップできます
お手持ちのCSSをそのまま使用 — <style>ブロック、インラインスタイル、https://のスタイルシート（CDNのBootstrapなど）
画像 — https://やdata:の画像を読み込みます。.htmlファイルと同じ場所に保存した画像は、同じボタンから追加します
きれいな改ページ — ブロック、リスト項目、表の行の区切りで分割し、表の見出しを繰り返します
レター、A4、A5、縦・横、3種類の余白、任意のページ番号
ワンクリックでダウンロード — 編集中にバックグラウンドでPDFを作成し、ライブプレビューとページのサムネイルを表示します
安全 — スクリプトとイベントハンドラーは削除され（DOMPurify）、何も外部に送信されません

できること・できないこと

Webアドレスは開けません。 ブラウザ上のWebページは別のWebサイトをダウンロードすることを許可されていません。これはブラウザの安全ルールで、回避するにはサーバーが必要ですが、このサイトはファイルの処理にサーバーを使いません。今見ているWebページを保存するには、Ctrl+P（MacではCmd+P）を押してPDFとして保存を選んでください。最近のブラウザならどれでも使えます。
お使いのコンピューター上のパスの画像（images/logo.pngなど）は、ブラウザだけでは見つけられません。もう一度.htmlを開く（+画像）をクリックし、画像ファイルも選んでください。ファイル名で対応付けられます。
PDF内のテキストは各ページの画像の一部になるため、選択も検索もできません。こうすることで、あらゆるスクリプトとフォントが正しく表示されます — ページはブラウザが描画します。プレーンテキストから選択可能なテキストのPDFを作るには TXTをPDFに変換を、スキャン風のPDFを検索できるようにするには OCR PDF をお使いください。
スクリプトは実行されません。そのため、JavaScriptで内容を作るページ（グラフや一部のWebアプリ）は、スクリプトが描くはずだった部分が空になります。

こんなときに

レポートや出力ファイル — プログラムが.htmlで保存するテストレポート、分析結果、ログ
保存したHTMLのメールやニュースレターを保管・印刷する
HTMLテンプレートから作った請求書、領収書、レター
オフラインで読むために保存したドキュメントやヘルプページ
自作のHTMLとCSS — 印刷用ページが紙でどう見えるか確認する

よくある質問

HTMLファイルをPDFに変換するには？

.htmlを開く（+画像）をクリックしてファイルを選ぶか、HTMLをボックスに貼り付けます。プレビューを確認し、レターかA4を選んでPDFをダウンロードをクリックします。PDFは編集中に作成されるので、ワンクリックで保存できます。

Webページをアドレス（URL）で変換できますか？

このツールではできません。ブラウザ上のページから別のWebサイトを取得することはできず、それにはサーバーが必要です。Webページ自体を開いてCtrl+P（MacではCmd+P）を押し、PDFとして保存を選んでください。または、ページのHTMLをコピー（右クリック → ページのソースを表示）して、ここに貼り付けてください。

画像が表示されないのはなぜですか？

images/photo.jpgのようなパスの画像はお使いのコンピューター上にあり、ブラウザはフォルダを自分では読み取れません。.htmlを開く（+画像）で画像ファイルを追加してください。ファイル名で対応付けられます。https://アドレスの画像は、そのWebサイトが許可している場合のみ表示されます。

PDF内のテキストを選択できますか？

いいえ。各ページがページの画像として保存されるため、どのフォントや言語でも正しく表示されます。選択できるテキストが必要な場合は、プレーンテキストを TXTをPDFに変換で、Markdownを MarkdownをPDFに変換で変換してください。

CSSは使えますか？

はい — <style>ブロック、style=""属性、完全なhttps://アドレスでリンクしたスタイルシートが使えます。文書は専用のフレームの中でレイアウトされるため、その文書自身のCSSだけが使われます。@media print内のルールは適用されず、ページは画面上の見た目で描画されます。

HTMLはアップロードされますか？

いいえ。変換はお使いのデバイス上のブラウザ内で実行されます。最後に使ったHTMLはこのブラウザ内にだけ保存されます。

使い方

HTMLをボックスに貼り付けます — または.htmlを開く（+画像）をクリックするか、ファイルをボックスにドロップします
HTMLがお使いのコンピューター上の画像を使っている場合は、その画像ファイルも追加します
プレビューを確認します
用紙サイズ、向き、余白、ページ番号を追加するかどうかを選びます
PDFをダウンロードをクリックします — PDFは変更のたびに自動で更新されるので、常にダウンロードできる状態です