HTML→PDF変換ツール - HTMLコードを無料でPDFに変換
187 回使用 HTMLコード
プレビュー
HTML→PDF変換のヒント
フルHTML対応
HTMLタグ、インラインCSS、画像、テーブル、リストをサポート
ライブプレビュー
変換前にHTMLのレンダリングをリアルタイムで確認可能
ページオプション
A4、Letter、A3のページサイズを縦横で選択可能
複数ページ対応
長いHTMLコンテンツは自動的に複数のPDFページに分割されます
よくある質問
インターネット接続なしでも使えますか?
はい、ページを一度読み込めば、Wi-Fiを切ってもHTMLからPDFへの変換が可能です。すべての処理はブラウザ内のJavaScriptでローカルに実行されます。サーバーにデータが送信されることはありません。試してみてください:ページを開き、ネットワークケーブルを抜き、HTMLを貼り付けて変換ボタンを押すだけ。それが即座に無料で使える理由です。
HTMLにJavaScriptやアニメーションがある場合はどうなりますか?
それらは最終的なPDFには反映されません。このツールはHTMLコンテンツの静的なスナップショットを取得します。JavaScript、CSSアニメーション、ホバーエフェクトやカルーセルなどのインタラクティブ要素は、変換時にすべて無視されます。動的なグラフやカウントダウンタイマーを作成する場合は、まず静的なバージョンを用意してください。最善の方法は、JavaScriptの出力を手動でレンダリングし、その完成したHTMLをエディタに貼り付けることです。
変換できるHTMLコードにファイルサイズの制限はありますか?
厳密な上限はありませんが、ブラウザは非常に大きなHTMLブロックを処理するともたつきます。200KBの生HTML(base64画像20枚含む)でテストしましたが、問題なく動作しました。500KBを超えるとライブプレビューに遅延が出始めます。サーバーにデータが送られない以上、ブラウザのメモリだけが制限要因です。コツ:不要なCSSを削除し、埋め込み画像は1枚あたり100KB以下に圧縮してから変換しましょう。
PDFにページ番号を手動で追加する必要がありますか?
いいえ、CSSで自動生成できます。このツールには専用ボタンはありませんが、styleタグに`@page { @bottom-center { content: counter(page) } }`と記述すれば各ページの下端中央に番号が入ります。注意点:ブラウザによって表示が微妙に異なるので、まず4〜5ページのサンプルでテストしてください。
HTML内の画像はPDFに反映されますか?
はい、ただしブラウザからアクセスできる場合に限ります。URL指定のリモート画像は読み込まれますが、ホスト側がホットリンクを拒否したりリンクが切れると失敗します。Base64エンコードされた画像はHTMLに直接埋め込まれているので確実に表示されます。ローカルファイルはファイルパスではなくデータURIとして貼り付けてください。注意点として、2MB超の画像はレンダリングが明らかに遅くなるので、JPEGやPNGで1MB未満に圧縮してから使うのがコツです。
作成したPDFにパスワードを設定できますか?
いいえ、このツールにはパスワード保護機能がありません。ブラウザベースの変換ツールによくある誤解です。ファイルがサーバーに送信されないため、サーバー側での暗号化ステップがないのです。代替策:ここでHTMLをPDFに変換した後、PDF24やChromeの印刷ダイアログなどの無料ツールでパスワードを追加してください。契約書を扱う弁護士にとって、その追加ステップは価値があります。暗号化のためだけにクラウドへアップロードすると、この変換ツールのプライバシー上の利点が台無しになります。
HTMLからPDFへの変換にはどのくらい時間がかかりますか?
実質即時です。標準的な10ページの文書なら1秒未満。変換はブラウザのメモリ内で完結するため、実際の待ち時間はお使いの端末の処理速度だけです。画像入り100KBのファイルなら古いノートPCで2〜3秒、最近のスマホならそれより速いです。待ち行列もアップロードもありません。全プライバシーの代償として、お使いのハードウェアがすべてを処理します。50ページのレポートなら約5秒を見込んでください。その後すぐにダウンロードが始まります。
複数のHTMLファイルを1つのPDFにまとめられますか?
直接はできません。エディタは1回の変換につき1つのHTMLブロックを処理します。ただし回避策は簡単です。各セクションを1つの文書に貼り付け、間に`<div style="page-break-after: always;">`を入れてください。これで各パートが新しいページから始まり、5つの別ファイルではなく1つのきれいなPDFになります。ポートフォリオを10ページ分作るデザイナーはこの方法で結合し、divの順番を並べ替えて流れを整えます。改ページタグの位置がずれると半ページ空くので、必ずプレビューで確認しましょう。
カスタムCSSフォントがPDF変換時に消えてしまうことはありますか?
外部ドメインのCORS制限でフォントが読み込めない場合があります。対策として、フォントファイルをBase64形式にしてCSS内に直接埋め込んでみてください。これなら外部通信なしでエンジンが文字を正しく描画できます。ダウンロードする前に必ずライブプレビューを確認しましょう。
余白が印刷コンテンツを切り取ってしまう
800ピクセルを超える固定ボディ幅がないかCSSを確認してください。標準的なPDFページはA4やレターサイズに合わせて縮小されるため、固定幅は右端からはみ出しがちです。メインコンテナの幅を柔軟な100パーセントに調整するか、max-width宣言を使用してください。ダウンロードする前に、ライブプレビューで確認できます。
HTMLをPDFに変換する方法
- エディタにHTMLコードを入力または貼り付け
- プレビューボタンでレンダリングを確認
- ページサイズ(A4、Letter、A3)と向きを選択
- PDFに変換ボタンをクリック
- 生成されたPDFファイルをダウンロード
関連ツール
すべてのファイルはブラウザ内でローカル処理されます。サーバーへのアップロードは一切ありません。