HTML を PDF に変換

基本的な HTML とインライン CSS をブラウザ内で描画します。スクリプト、フォーム、埋め込みページ、外部リソース、動作する属性は描画前に削除されます。

/ 100,000

単独で完結する HTML を、ソースコードをサーバーへ送信せずに PDF に変換します。標準的な HTML と基本的なインラインスタイルで作成した簡単な請求書、メモ、表、レポートに適しています。ブラウザがマークアップを無害化して画像として描画し、1 ページ以上の PDF に配置します。

HTML を PDF に変換する手順

  1. 1

    HTML を貼り付ける

    100,000 文字まで入力できます。スクリプト、フォーム、埋め込みページ、画像、外部リソース、動作する属性は削除されます。

  2. 2

    ページを選ぶ

    A4・Letter・Legal、縦向き・横向き、0~200 ピクセルの内側余白を選択します。

  3. 3

    制限を確認する

    設定を確認します。出力はラスター PDF であり、ブラウザ印刷やテキスト PDF ではありません。

  4. 4

    生成して保存する

    ブラウザ内で PDF を生成し、現在のタブからダウンロードします。

対応する HTML の内容

一般的な見出し、段落、リスト、表、引用、セマンティック要素に対応します。色、書体、間隔、枠線、寸法、基本的な配置に使うインライン CSS は、安全な範囲に絞って残します。

出力の仕様

設定 選択肢
ページサイズ A4、Letter、Legal
向き 縦、横
内側余白 0~200 px
ソースの長さ 100,000 文字まで
PDF の内容 複数ページに分割されたラスター画像

まずブラウザが画面外に無害化済みの文書を作ります。html2canvas が見た目を画像にし、jsPDF が JPEG 画像を PDF に埋め込みます。印刷エンジンではなく視覚的な取り込みなので、通常のブラウザ表示と異なる場合があります。

意図的な制限

  • 外部画像、スタイルシート、フォント、フレームなどのネットワークリソースは削除します。
  • <script>、フォーム、SVG、canvas、メディア、イベント属性は削除します。
  • <style> ブロック、@media print@page、改ページ指定、ヘッダー、フッター、ページ番号には対応しません。
  • リンクは文字として見えても、PDF 内ではクリックできません。
  • 文字は画像に描かれるため、検索や選択はできません。

アクセシブルな文字、クリックできるリンク、正確な印刷 CSS、独自フォント、繰り返しヘッダーが必要な場合は、専用の HTML 印刷エンジンを利用し、セキュリティとデータ処理方針を確認してください。

よくある質問

いいえ。HTML はブラウザ内で処理され、PDF はブラウザの一時 URL に保持されます。4 ステップの画面では、下書きをセッションストレージに最長 30 分保存できます。

使えません。これは Chromium の印刷サービスではありません。スタイルブロックを削除し、安全なインライン CSS の範囲だけを長い画像として描画して PDF ページに分割します。

できません。リンクは文字として表示できますが、PDF の中身はテキストオブジェクトやリンク注釈ではなくラスター画像です。

貼り付けた HTML が第三者へ接続したりページ上で処理を実行したりしないよう、動作するリソースとネットワークリソースを削除します。文字、表、基本的なインライン CSS を使用してください。

関連ツール

このツールは他の言語でも利用できます