HTML to PDF
生のHTMLを貼り付けたり、スニペットを入力したり、URLを指定するだけで、ピクセル単位で正確なPDFが得られます — レイアウト、フォント、画像、CSSはそのまま。再調整も、崩れたスタイルも、手作業での修正も不要です。無料で始められます。
Outils associés
Tous les outilsHTMLからPDFへのレンダリングの仕組み
マークアップまたはURLを送信し、ブラウザ風の処理でPDFとしてレンダリングします。
HTMLまたはURLを送信する
HTMLマークアップをプロンプトに直接貼り付けるか、公開ウェブページのURLを指定します。ページサイズ、向き、フォント埋め込み、削除する要素などの出力の希望を追加します。
AIが解析して文書を準備する
エージェントがマークアップを処理し、可能な限り外部アセットを解決し、書式指示を適用して、ヘッドレスブラウザでのレンダリングに向けてコンテンツをキューに入れます。
ピクセル精度のレンダリング
ヘッドレスブラウザエンジンがページ全体をレンダリングします。JavaScriptを実行し、CSSを適用し、画像を読み込んだうえで、指定した寸法で視覚出力をキャプチャし、レイアウトの忠実さを保ちます。
PDFをダウンロード
レンダリング結果がアセットを埋め込んだPDFとしてパッケージ化されます。数秒でダウンロードリンクが得られ、ファイルはすぐに共有、印刷、保管できます。
HTMLをPDFに変換する人
請求書、レポート、ランディングページ、メール、保存が必要なWebコンテンツに便利です。
開発者・エージェンシー
HTMLの請求書、レポート、メールテンプレートから、ヘッドレスブラウザのパイプラインを立ち上げたりサーバー側のPDFライブラリを保守したりせずに、クライアントに渡せるPDFを素早く生成できます。
コンテンツクリエイター・マーケター
ランディングページ、ブログ記事、キャンペーン概要を、丁寧に作り込んだレイアウトやブランドフォントを損なうことなく、クライアント向けプレゼンやオフライン配布用の洗練されたPDFとしてキャプチャできます。
オペレーション・財務チーム
HTMLベースの請求書、契約書、データ表を、記録保管用の保存品質のPDFに変換できます。ページ番号、統一された余白、印刷対応の書式が自動で適用されます。
正確なHTMLからPDF出力のコツ
絶対パスのアセット、印刷用CSS、ページサイズ、フォントによってPDFが元ページに一致するかが決まります。
ページサイズと余白を最初に指定する
最初の文に寸法を含めましょう。「A4、余白15mm」や「USレター、余白なし」など。これでレンダラーがレイアウト計算の前に、後ではなく先にビューポートを正しく設定します。
相対画像パスを絶対URLに変換する
src='./images/logo.png'のような相対パスは、リモートレンダリング時に読み込みに失敗します。すべての画像を表示させるため、HTMLを貼り付ける前に相対パスをhttps:// URLかbase64データURIに置き換えましょう。
削除したい要素を指定する
具体的にしましょう。「id="cookie-banner"の要素と<nav>タグを削除して」はエージェントに正確な対象を与え、「ヘッダー周りを消して」より清潔な結果を生みます。
オフラインPDFにはフォント埋め込みを明示する
PDFをインターネットなしで閲覧する場合、プロンプトに「すべてのフォントを埋め込む」と加えましょう。これがないと、CDNホストのフォントに依存するPDFはオフライン端末で代替書体を表示することがあります。
複雑なレイアウトには@media print CSSを使う
HTMLに@media printスタイルシートがすでに含まれている場合、プロンプトで伝えて、エージェントがそのルールを対象にするようにしましょう。これで手作業なしにナビバーやサイドバーが自動で除去されることがよくあります。
大きな文書を論理的なセクションに分ける
予想30ページを超えるHTML文書は、セクションごとに分けて別々に変換し、できたPDFを結合しましょう。これでレンダリング時間を30秒以内に保ち、密度の高いコンテンツでのタイムアウトエラーを避けられます。
HTMLからPDFで期待できること
HTMLからPDFの出力品質、追加確認、ダウンロード時の想定を確認しましょう。
500KB未満の標準的なページであれば、ほとんどのHTMLからPDFへの変換は5〜20秒で完了します。外部アセットが多い複雑なページや、重いJavaScriptフレームワークを使用したページでは30〜60秒かかる場合があります。CSS GridやFlexboxレイアウトの精度は一般的に高いですが、一部のCSS4プロパティや可変フォントはエンジンによってわずかに異なってレンダリングされることがあります。
Exemple : 4ページのHTML請求書テンプレート(38KB、埋め込みロゴ1枚、CSSテーブルスタイリング、CDN経由のGoogle Font)は約8秒で210×297mmのA4 PDF(96 DPI)に変換され、罫線、列幅、フォントの太さはすべてブラウザプレビューと一致し、手作業での修正は不要でした。
知っておきたいレンダリングの制限
元データの詳細に次が関わる場合はこのセクションをご確認ください:絶対パスのアセット、印刷用CSS、ページサイズ、フォントによってPDFが元ページに一致するかが決まります。
- 認証が必要なページ(ログイン制限、有料コンテンツ、セッションCookie)はURLから取得できません — 手動でログインした後、生のHTMLを貼り付けてください。
- SVGフィルター、CSSブレンドモード、最新のCSS4機能は、デスクトップ版Chromeブラウザと完全に同じようにレンダリングされない場合があります。本番用ドキュメントで使用する前に、サンプルページでテストしてください。
- 変換ツールは静的なスナップショットをキャプチャします。リアルタイムデータ(変動する株価、自動更新されるダッシュボードなど)は、継続的に更新されるビューではなく、キャプチャした瞬間の状態が表示されます。
Questions fréquentes
どのような形式のHTML入力をPDFに変換できますか?
プロンプトに直接貼り付けた生のHTMLコード、HTMLファイルの完全な内容、または公開されているWebページのURLを送信できます。インラインスタイル、マークアップ内で参照されているリンク済みスタイルシート、base64エンコードされた画像は、通常は追加の手順なしで処理されます。
CSSのスタイリングやカスタムフォントは変換後も維持されますか?
ほとんどのCSS2および広く使われているCSS3のプロパティ(flexbox、grid、カスタムカラー、ボーダーなど)は正しくレンダリングされます。@font-faceやGoogle Fonts経由で読み込まれるWebフォントは、変換にインターネットアクセスがある場合は通常レンダリングされます。ローカルにホストされているフォントファイルは、フォントデータがHTMLに埋め込まれているかbase64エンコードされていない限り解決されない場合があります。
出力するページサイズや向きを選択できますか?
はい — プロンプトで希望を指定してください(例:「A4縦向き」「レター横向き」、またはミリメートル単位のカスタム幅・高さ)。指定がない場合、変換はデフォルトでA4縦向きになります。
HTMLからPDFへの変換で画像はどのように扱われますか?
絶対URLを持つ画像は、変換中に取得されて埋め込まれます。相対パスの画像やローカルファイル参照(例:src='../images/logo.png')は、送信前に絶対URLまたはbase64データURIに置き換えない限り解決されません。
Webページ上のJavaScriptでレンダリングされたコンテンツはどうなりますか?
変換ツールはヘッドレスブラウザを実行し、ページをキャプチャする前にほとんどのJavaScriptを実行するため、動的にレンダリングされるコンテンツ(React、Vue、Angularの出力)は通常キャプチャされます。ただし、「もっと見る」ボタンのクリックなど、ユーザー操作後にのみ読み込まれるコンテンツは、通常PDFには表示されません。
変換できるHTMLのサイズやページ数に制限はありますか?
非常に大きなHTMLドキュメント — 目安としてマークアップが2MBを超える、または印刷ページ数が約50ページを超える場合 — は処理制限に達したり、変換時間が大幅に増加したりすることがあります。大きなレポートの場合は、セクションごとに分割するか、送信前に埋め込み画像を圧縮することを検討してください。
WebページのPDFからヘッダー、フッター、Cookieバナーを削除できますか?
はい — プロンプトで削除したい内容を記述してください(例:「固定ナビゲーションバーとCookie同意ポップアップを削除して」)。AIはレンダリング前にDOMからそれらの要素を取り除こうとします。結果はサイトの複雑さによって異なり、密に結合されたJSコンポーネントは分離が難しい場合があります。
Prêt à créer ?
Inscrivez-vous gratuitement et mettez des agents IA au travail sur toutes vos tâches, des petits jobs rapides aux workflows complets de bout en bout, directement dans votre navigateur, sans aucune installation.
Commencer gratuitement




