tigtools

HTML to PDF

HTMLを貼り付けるか .html ファイルを開くと、その内容の整ったPDFを取得できます。ページはブラウザー内で安全に解析・レイアウトされます。

ブラウザー内で動作 登録不要

コンテンツと構造が変換されます(見出し、段落、リスト、表、リンク、コード、引用、data: URI画像)。CSSレイアウト、外部スタイルシート、フォント、スクリプト、Webアドレスの画像は使用されません。

使い方

  1. HTMLを貼り付けるか、.htmlファイルを開きます。
  2. ページサイズ、向き、余白、フォントサイズを選択します。
  3. 「PDFを作成」を選択します。
  4. PDFをダウンロードします。

仕組み

HTML はブラウザによって無害な文書として解析されます。スクリプトは実行されず、ネットワークからの読み込みも行われません。その後、ツールが要素を走査し、埋め込みの Noto フォントでコンテンツをレイアウトします。対象は、h1~h6、段落、改行、太字、斜体、下線、取り消し線、コード、リンク(クリック可能)、箇条書き、番号付きリスト、引用、preブロック、表(ヘッダー行は各ページで繰り返され、colspan が反映されます)、水平線、テキストの配置、style 属性によるシンプルな文字色です。

これはウェブページのスクリーンショットではありません。段組み、flexbox、grid、float、背景、枠線、カスタムフォントなどの CSS レイアウトは無視され、フォーム、動画、iframe、SVG 図は除外されます。画像は data: URI として埋め込まれている場合のみ含まれます。ウェブアドレスで参照された画像はダウンロードされず、代わりに alt テキストが表示されます。

実際のウェブサイトを見た目どおりに印刷するには、ブラウザの「印刷 → PDF に保存」を使用してください。HTML コードや保存した .html ファイルがあり、すっきりとした読みやすいドキュメントにしたい場合は、このツールを使用してください。

使用例

請求書テンプレート

請求書用にスクリプトで生成された HTML は、項目の表を含めて、印刷ダイアログを開かずにページ分割された PDF になります。

保存したヘルプページ

保存した .html ヘルプページは、見出しと番号付き手順付きで読みやすい PDF に変換されます。サイトのメニューやスクリプトは除外されます。

よくある質問

PDFがWebページの見た目にならないのはなぜですか?

このツールはCSSデザインではなく、コンテンツとその構造を変換します。色、段組み、背景、Webフォントは再現されません。実際のページを視覚的にコピーするには、ブラウザーの「印刷」→「PDFに保存」を使用してください。

画像が抜けるのはなぜですか?

Web上の画像がダウンロードされることはありません。画像を含めるには data: URI として埋め込んでください。それ以外の場合は alt テキストが表示されます。

不明なソースのHTMLを変換しても安全ですか?

はい。HTMLはスクリプトを実行したりリソースを読み込んだりできない安全な文書として解析され、テキスト、構造、埋め込み画像のみが使用されます。

URLを入力してページを変換できますか?

いいえ。このツールはWebページを取得しません。ページを .html ファイルとして保存するか、ソースコードをコピーしてここに貼り付けてください。

プライバシー

HTMLの解析とPDFの作成はブラウザー内で行われます。フォントはこのサイトから読み込まれます。HTMLがアップロード、保存、分析に含まれることはなく、HTML内に記載されたアドレスへの接続も行われません。ツールが使用されたという匿名のイベントのみがカウントされます。