HTMLをPDFに変換
書き出したレポート、システムが生成した請求書、メールテンプレート、保存したWebページなどのHTMLファイルをアップロードすると、フォント・表・リンクを保ったままページ分けされたPDFを作成できます。ファイルに印刷用スタイルがあれば、それに沿ってページが組まれます。
PDFに変換
またはDOC, DOCX, DOCM … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
文書全体、または一部のページ、スライド、シートだけを変換します。
残すページまたはスライドです(例:1-3, 5, 8-10)。番号は元の文書のものです。
元の余白は、文書本来のレイアウトを保ちます。狭いは12.7 mm、標準は25.4 mm、広いは左右50.8 mmです。
Excel、ODS、Numbersファイル用です。すべてのシート、または保存時に開いていたシートだけを変換します。
文書内の写真のJPEG品質です。90なら元と見分けがつきません。PDFを小さくしたい場合は下げてください。
空欄ならパスワードなしです。設定すると、PDFを開く前にパスワードを求められます。PDF/Aでは使えません。
このツールの使い方
- 1
.htmlまたは.htmファイルをアップロード
1回に最大20ファイル、1ファイルあたり95 MBまで追加できます。Webページを変換する場合は、先にCtrl+S(Macの場合はCmd+S)で保存し、.htmlファイルをアップロードしてください。
- 2
ページサイズと余白を選択
用紙サイズを「元のサイズに合わせる」にすると、ファイル内の@pageルールに従います。A4やLetterへの固定、横向きの向き、別の余白は詳細設定で指定できます。
- 3
PDFに変換
PDFに変換を押して、結果をダウンロードします。アップロードしたファイルとPDFは30分後に削除されます。
HTMLを無料でPDFに変換：きれいに変換できるファイル
必要なものがすべてファイル内に収まっているHTMLが、最もきれいに変換できます。スタイルは<style>要素に、画像は埋め込むかhttps://から始まる完全なアドレスで指定し、フォントは@font-faceで読み込みます。請求書や明細書、テストレポート、ドキュメントの書き出し、HTMLメールのテンプレートなど、生成される文書の多くが該当します。メールクライアントは外部ファイルをブロックするため、HTMLメールは自己完結型で作られています。
Webサイトから保存したページは事情が異なります。「Webページ(完全)」で保存すると、ブラウザーは.htmlファイルと一緒に、画像やスタイルシートを入れたフォルダーを作成しますが、そのフォルダーはアップロードの対象に含まれません。そのようなページのPDFが素っ気なく見える場合は、ブラウザーから印刷するか、先に内容を整理してください。PDFにする前にメニューやフッターを削除したいときは、HTMLをWordに変換が便利です。
CSSピクセルとA4・Letterページの対応
| Size | Pixels | cm | in | DPI | Fits |
|---|---|---|---|---|---|
| A4 | 794 × 1123 | 21.0 × 29.7 | 8.27 × 11.69 | 96 | 余白25.4 mmのとき、使える幅は約602 px |
| Letter | 816 × 1056 | 21.6 × 27.9 | 8.5 × 11 | 96 | 米国の標準サイズ。余白1 inchのとき、使える幅は約624 px |
| Legal | 816 × 1344 | 21.6 × 35.6 | 8.5 × 14 | 96 | 米国の長い契約書や書式 |
| A3 | 1123 × 1587 | 29.7 × 42.0 | 11.69 × 16.54 | 96 | 横に広いダッシュボードやスケジュール |
| A5 | 559 × 794 | 14.8 × 21.0 | 5.83 × 8.27 | 96 | 小冊子やレシート |
CSSでは1 inchが96 pxと定義されているため、ページにはスタイルシートと同じ単位で決まった幅があります。1280 pxのデスクトップ画面向けに作ったレイアウトは、通常の余白のA4ページでは約600 pxしか使えません。レスポンシブなページは幅の狭いレイアウトに切り替わるので、きれいに印刷できます。幅1000 pxの固定ラッパーがあるページは、レンダラーによって縮小されたり、はみ出した部分が切れたりします。余白を「狭い」(12.7 mm)にすると、幅を約100 px取り戻せます。
PDFの改ページを制御する印刷用CSS
@page { size: A4; margin: 15mm; }
@media print {
nav, footer, .cookie-banner { display: none; }
h2, h3 { break-after: avoid; }
table, figure, pre { break-inside: avoid; }
.new-section { break-before: page; }
}@pageルールはW3CのCSS Paged Mediaモジュールで定義されており、用紙サイズと余白を指定します。break-before、break-after、break-insideはCSS Fragmentationのプロパティで、古いpage-break-プロパティに代わるものです。古いプロパティも、ブラウザーでは別名として引き続き使えます。Webフォントはもう1点確認が必要です。コンバーターから届かないサーバーのフォントはシステムフォントに置き換わり、フォントを埋め込む*がオンだと、PDFにはその代替フォントが埋め込まれます。フォントファイルは、https://から始まる完全なアドレスで取得できるようにしてください。
HTML
ハイパーテキスト・マークアップ言語
HTMLはウェブのマークアップ言語で、1990年代初めにティム・バーナーズ=リーが考案し、現在はWHATWGが「Living Standard」として管理しています。HTMLファイルは見出し、段落、リンク、表、画像、フォームを記述し、見た目の装飾は通常CSSが担当します。すべてのブラウザで表示でき、メールテンプレートや保存したウェブページにも使われます。HTMLファイル単体では外部の画像やスタイルシートに依存していることが多く、単独で移動すると表示が崩れる場合があります。
- 圧縮方式
- –
- 透過
- –
- アニメーション
- –
- 登場時期
- 1993 · Tim Berners-Lee; maintained by WHATWG
Portable Document Format
PDF は1993年に Adobe が作成し、2008年にオープンな ISO 32000 標準になりました。テキスト、フォント、画像、レイアウトを固定するため、どの画面でもプリンターでも文書が同じ見た目になります。フォーム、署名、リンク、添付ファイル、検索可能なテキストを含められ、PDF/A という種類は長期保存に使われます。レイアウトが固定されているため編集しにくく、スキャンした PDF は OCR を適用しない限り画像だけです。すべてのブラウザと OS で開けます。
- 圧縮方式
- –
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1993 · Adobe
HTMLは開くウィンドウに合わせてレイアウトが変わり、別の場所にあるフォントやスクリプト、画像に依存します。PDFなら1つのページ構成に固定されるため、保管したり、請求書のメールに添付したり、文書のみ受け付けるポータルに提出したりできます。
HTMLのPDF変換に関するよくある質問
URLを貼り付けて公開中のWebページをPDFに変換できますか？
いいえ、このコンバーターはファイルを変換するものです。ブラウザーでページを保存して.htmlファイルをアップロードするか、ブラウザー標準の印刷ダイアログで保存先を「PDFに保存」にしてください。ログインが必要なページや、サイトから読み込む画像が多いページには、後者の方法が向いています。
HTMLをPDFに変換すると背景色が消えるのはなぜですか？
印刷時の描画では、インクを節約するため、ブラウザーでもほとんどのコンバーターでも背景はデフォルトで省かれます。表の見出し行やステータスバッジなど、色を残したい要素にprint-color-adjust: exactを指定すると、色が保持されます。
HTML内のリンクはPDFでもクリックできますか？
完全なアドレスのリンクは、通常そのままクリックできます。/pricingのような相対リンクは、ファイルがサイトから離れるとリンク先を失います。PDFから読者にたどってもらう場合は、https://から始まる完全なアドレスに書き換えてください。
横幅の広い表がページの右側で切れてしまうのはなぜですか？
表が印刷可能な範囲より広くなっています。多くはピクセル単位の固定幅が原因です。向きを横向きにするか、印刷用CSSで表にwidth: 100%を指定してセルの余白を小さくすると、ページ幅に収まります。
複数のHTMLファイルを1つのPDFに変換できますか？
アップロードしたファイルはそれぞれ別のPDFになり、1回に最大20件まで処理できます。後からPDF結合で順番にまとめてください。アップロード前にファイル名を01、02、03とすると、順番が分かりやすくなります。
