ウェブページのアーカイブ
ウェブページを .html として保存してからドラッグするだけで、元サイトに依存しない PDF の複製が得られます。
Guide
HTML→PDF変換は、HTML のソースコードや保存しておいた .html ファイルを PDF に組むためのツールです。ソースはまず DOMPurify で浄化され、スクリプト、外部スタイルシート、イベント属性は取り除かれ、インラインの 、画像、表は残ります。そのうえで sandbox 付きの隔離 iframe で描画し、ページ全体を撮影してから用紙サイズで複数ページに切り分けます。右側の「レンダリングプレビュー」には撮影対象そのものが表示され、幅は用紙と縮小率に合わせて換算済みです。
更新日 2026-09-093 min read
HTML→PDF変換は、HTML のソースコードや保存しておいた .html ファイルを PDF に組むためのツールです。ソースはまず DOMPurify で浄化され、スクリプト、外部スタイルシート、イベント属性は取り除かれ、インラインの <style>、画像、表は残ります。そのうえで sandbox 付きの隔離 iframe で描画し、ページ全体を撮影してから用紙サイズで複数ページに切り分けます。右側の「レンダリングプレビュー」には撮影対象そのものが表示され、幅は用紙と縮小率に合わせて換算済みです。
URL を入力してページを取り込むことはできません。ブラウザのクロスオリジン制限により、ほかのサイトを直接読み取れないためです。方法は、目的のページで「名前を付けて保存」するか、ソースをコピーして貼り付けることです。内容がもともと Markdown なら、「Markdown→PDF変換」のほうが既定スタイルが整っています。
| 入力 | 出力 | 説明 |
|---|---|---|
<style> 付きのメールテンプレートのソース |
インラインスタイルは有効、スクリプトは除去 |
外部 <link> スタイルシートは読み込まれない |
記事.html、外部画像 3 枚、うち 1 枚はサーバーがクロスオリジンを許可しない |
2 枚は正常に表示、1 枚は空欄 |
画像の待機は最大 8 秒 |
縮小を 75% に設定 |
描画幅が約 1.33 倍になり、1 ページに入る内容が増えて文字は小さくなる |
ブラウザの印刷時の縮小に相当 |
ウェブページを .html として保存してからドラッグするだけで、元サイトに依存しない PDF の複製が得られます。
HTML メールのソースを貼り付けて PDF を書き出し、同僚にレイアウトの確認を依頼できます。
プログラムが出力した HTML レポート(インラインスタイル + 表)をそのまま PDF の添付ファイルにできます。
できません。ブラウザはページのスクリプトにほかのサイトの内容をクロスオリジンで読むことを許可していません。目的のページで Ctrl+S を押して「Web ページ、HTML のみ」として保存するか、ソースをコピーしてアップロードするか貼り付けてください。
外部スタイルシートとスクリプトは浄化の際に取り除かれ、ソース内のインライン <style> と style 属性だけが有効になるためです。元のページの開発者ツールで重要な CSS をコピーし、インラインスタイルにしてから変換するとよいでしょう。
外部画像はサーバーがクロスオリジン読み取りを許可しないと、スクリーンショット時に空欄になります。先に「画像 ↔ Base64」で画像を base64 に変換し、<img src> に書き込んでから変換してください。
HTML ソースはブラウザ内で浄化、描画、PDF 生成され、サーバーへアップロードされることはありません。ソースが参照する外部画像は、ブラウザから画像のあるサーバーへ直接リクエストされます。外部リクエストを発生させたくない場合は、画像を data: のインラインに変更してください。
更新日 2026-09-09
HTML ソースを貼り付け、または .html をアップロード。安全にサニタイズし、隔離描画でページ分割 PDF を出力
このツールの翻訳は未完了です。一部は原文または代替言語で表示されます。
ソースを貼り付けるか .html ファイルをアップロードしてください。スクリプトなどの危険な内容は自動的に削除されます
隔離サンドボックスで描画し、最終 PDF と一致します(幅は用紙に合わせて換算)