コンテンツへスキップ

PDFをHTMLに変換

PDFを、元の見た目のまま単体で動く1つのHTMLファイルにします。スタイルシートもフォントも画像フォルダーも不要です。

  • 保存しません
  • 順番待ちなし
  • 登録不要・透かしなし

使い方

1

PDFを追加

Webページにしたい文書をドロップします。

2

変換

各ページを、画像とテキストを配置したブロックとして組み立て直します。

3

ダウンロード

そのまま開いたり、公開したり、メールで送ったりできる1つの.htmlファイルです。

1ファイル、依存なし、固定レイアウト

出力されるのは、ほかに何も伴わない1つの.htmlファイルです。すべての画像はデータURIとして埋め込まれ、スタイルシートはheadに入り、フォントはどこからも取得しません。そのため、インターネットにつながっていないマシンでもまったく同じように開けます。HTML書き出しで価値があるのはこの形だけです。代償は単純な計算で、バイナリの画像データをテキストとして符号化すると約3分の1大きくなります。スキャン画像でできた10 MBのPDFは14 MB前後のHTMLになり、ブラウザは何かを表示する前にそのすべてを解析しなければなりません。

レイアウトはレスポンシブではなく固定で、これは手抜きではなく意図した選択です。各ページはPDFの正確な寸法(ポイント単位)を持つボックスで、テキストの各行は元の座標に絶対配置されたspanとなり、サイズと色も引き継がれます。何も折り返しません。スマホでは読みやすい1段のテキストではなく、ページ全体が縮小表示されます。印刷用スタイルシートが含まれているので、HTMLを印刷すると元のページ境界できれいに改ページされます。

フォントはファイルに含まれないため、テキストは閲覧者のマシンにあるHelveticaやArialで表示されます。サイズと位置は正しくても字形は異なるので、1行が背後の画像より少しはみ出すことがあります。知っておくと便利な工夫が1つあります。ページの文字が本物のテキストではなく描画された画像の一部である場合も、テキストレイヤーは書き出されますが、透明にしてあります。そのため、文字が二重に見えることなく、ページの選択や検索ができます。

PDF内のリンクはアンカーではなくプレーンテキストに、見出しは見出し要素ではなく配置されたspanになり、読み取り順と呼べるものはありません。出力は、たまたまHTMLでできた文書の正確な絵であって、構造化されたセマンティックなマークアップではありません。スクリーンリーダーや検索エンジンに内容を理解させる必要がある用途には使うべきではありません。

ほかの目的には

この処理をきちんと行えるツールはpdf2htmlEXです。PDF自身のフォントを抽出してWebフォントとして埋め込むので、テキストの位置が正しいだけでなく、正しい書体と正しい幅で表示されます。さらに、ページを画像に平坦化するのではなく、ベクター画像をベクターのまま再構成します。出力は格段に忠実で、格段に複雑です。Popplerのpdftohtml -s -c in.pdf out.htmlは手軽な中間の選択肢です。

本当に欲しいのがページの絵ではなくWebページ(スマホで折り返し、Googleが読め、スクリーンリーダーで移動できるもの)なら、どんなPDF HTML変換ツールでも実現できません。そのために必要な構造は、PDFが作られた時点で捨てられているからです。流し込みモードでWordに変換してそこから書き出すか、PDFの元になったファイルに戻りましょう。

よくある質問

本当に1つのファイルですか?

はい。すべての画像はデータURIとして埋め込まれ、スタイルもファイル内にあります。一緒に管理すべき素材フォルダーはなく、インターネットに接続していなくてもまったく同じように開けます。

テキストは選択できますか?

はい。テキストは画像の上に配置された本物のHTMLテキストとして書き出されるため、選択や検索ができ、スクリーンリーダーでも読み上げられます。

スマホで折り返し表示されますか?

いいえ。これは正直にお伝えすべきトレードオフです。各ページは正確なレイアウトを保つため、結果はレスポンシブなWebサイトではなくPDFのような見た目になります。テキストを折り返して表示したいなら、PDF Word変換かPDFテキスト抽出をご利用ください。

PDFはどこかに保存されますか?

いいえ。どの段階でも何も保存されません。

印刷できますか?

はい。印刷用スタイルシートが含まれているので、画面上の影なしで各ページが1枚ずつ印刷されます。

ご注意: レイアウトはレスポンシブではなく固定です。ページは正確な寸法を保ち、小さな画面でも折り返しません。ページの画像はラスター画像として埋め込まれるため、非常に大きな文書ではHTMLファイルも大きくなります。PDF内のリンクはプレーンテキストになります。

このツールをあなたのサイトに設置

ブログ、授業のページ、ヘルプ記事などに無料で設置できます。コードを1つ貼り付けるだけで、訪問者がそのページ上でツールを使えるようになります。