PDFをWebPに変換
Webページに埋め込んだPDFは、文書全体をダウンロードしないと何も表示されません。ページをWebPに変換すれば、本文中にそのまま表示され、レイアウトに合わせて伸縮する通常の画像になります。同じページをJPGやPNGにするより容量も小さく済みます。
PDFを画像に変換
またはPDF ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
ページ番号または範囲をカンマで区切って指定します（例：1-3, 5）。
85なら文字がくっきり保たれます。画像が大きすぎてアップロードできない場合のみ下げてください。
「白黒」は純粋な黒と白のピクセルだけになるため、スキャンした文字に向いており、ファイルも非常に小さくなります。
各ページが1枚の画像になります。ZIPにすると、ページ順に番号を付けてまとめられます。
このツールの使い方
- 1
PDFをアップロード
パンフレット、メニュー、スライド資料、レポートなどのPDFを選択してください。1回に最大20個、1ファイルあたり最大95 MBまで一括で変換できます。
- 2
作成するページに合わせて調整
このページの初期設定は150 DPI、音質 80です。サムネイル用なら100 DPIに下げ、ページを色付きのセクションの上に置く場合は背景を透明にするにチェックを入れてください。
- 3
WebPに変換
WebPに変換を押すと、連番付きの画像をまとめたZIPをダウンロードできます。そのままCMSや画像CDNにアップロードできます。
WebサイトのためにPDFをWebPに変換する理由
WebPはGoogleが2010年に発表した形式で、動画コーデックVP8を基にウェブ上の画像を軽くするために作られました。PDFのページでは、効果が2点に表れます。まずPNGと比べると、写真やグラデーションを含むページは、目立たない細部をWebPが省くため大幅に小さくなります。次に同程度の見た目のJPGと比べても、通常はさらに小さくなります。飲食店のメニューや商品カタログのように十数ページある場合に効果的です。
初期設定の150 DPIでは、A4ページは1240 × 1754 px、USレターは1275 × 1650 pxになります。高密度のスマートフォン画面でも、幅600〜700 pxのコンテンツ欄で鮮明さを保てる大きさです。ページのサムネイル一覧なら72〜100 DPIで十分です。WebP自体は画像サイズが16383 × 16383 pxまでという上限があり、600 DPIの非常に大きな図面でない限り到達しません。
PDFページ向けのWebP画質設定
- 50
サムネイル専用。文字の輪郭がぼやけます
- 70
写真の多いページ、カタログ
- 80
ここでの初期設定：文字と画像が混在
- 90
小さな文字、色付きの文字、グラフ
- 100
最も大きなファイル。使う価値はほぼありません
WebPのページが向いている場面
- 文書のプレビューを表示するブログ記事やランディングページ
- スマートフォンで見るオンラインメニュー、チラシ、カタログ
- WebPを標準で配信する画像CDNやCMS
- 背景を透明にするで色付きの背景に重ねるページ
ほかの形式を選ぶべき場面
- メールの添付。デスクトップ向けメールソフトによってはWebPがファイルとして表示されます
- 印刷。300 DPIのPNGやTIFFのほうが安全です
- 1文書につき1ファイルが必要なアーカイブ
- 古いデスクトップソフトで編集が必要なページ
Portable Document Format
PDF は1993年に Adobe が作成し、2008年にオープンな ISO 32000 標準になりました。テキスト、フォント、画像、レイアウトを固定するため、どの画面でもプリンターでも文書が同じ見た目になります。フォーム、署名、リンク、添付ファイル、検索可能なテキストを含められ、PDF/A という種類は長期保存に使われます。レイアウトが固定されているため編集しにくく、スキャンした PDF は OCR を適用しない限り画像だけです。すべてのブラウザと OS で開けます。
- 圧縮方式
- –
- 透過
- 対応
- アニメーション
- 非対応
- 登場時期
- 1993 · Adobe
WEBP
WebP 画像
WebP は、ウェブページの表示を速くするために Google が 2010 年に公開した画像形式です。非可逆圧縮と可逆圧縮の両方、アルファ透過、アニメーションを 1 つの形式で扱えます。非可逆 WebP は、同程度の画質の JPEG と比べて一般に 25–35% 小さくなり、可逆 WebP も通常は PNG より小さくなります。現行のブラウザーはすべて対応していますが、古いデスクトップソフト、印刷サービス、アップロードフォームの中には、今でも受け付けないものがあります。Windows、macOS、最近のほとんどの画像編集ソフトで WebP を開けます。
- 圧縮方式
- 非可逆または可逆
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2010 · Google
PDFのページをWebPにするのは、ダウンロード用の文書ではなく、読み込みの速い画像としてWebサイト、ブログ記事、オンラインストアに表示する必要があるときです。
PDFのページをWebP画像として公開する
公開前にファイル名を付け直してください。ZIP内のファイルはページ番号で連番になっているため、page-01.webpをspring-menu-page-1.webpのように、URLで内容が分かる名前に変更します。画像の読み込み中にレイアウトがずれないよう、HTMLにwidthとheightの属性を付け、最初のページ以外は遅延読み込みにしてください。
印刷や検索をしたい人のために、画像の近くに元のPDFへのリンクを残しておきましょう。サイトのほかの部分でWebPがAVIFやHEICとどう違うかは、AVIF、HEIC、WebPの解説をご覧ください。
PDFのWebP変換に関するよくある質問
1つのWebPファイルに複数のPDFページを入れられますか？
できません。WebPにはページという概念がなく、複数画像を扱う機能はアニメーションだけで、ページとは別物です。PDFの各ページはそれぞれ別の.webpファイルになり、ZIP内にページ順の連番で入ります。
Webサイトに載せるPDFページには、どの画質設定がよいですか？
文字と写真が混在するページなら、80前後が一般的にちょうどよい設定です。文字中心のページは70を下回ると輪郭がぼやけて色がにじむことがあるため、小さな文字が多い場合は音質を90近くまで上げてください。
WebP画像は今ではすべてのブラウザで表示できますか？
Chrome、Edge、Firefox、OperaはWebPに何年も前から対応しており、Safariも2020年のバージョン14で対応しました。現在訪問者が使うほとんどのブラウザで表示できるため、JPGの代替画像はほぼ不要です。
WebPのページ画像は検索エンジンに読み取られますか？
検索エンジンが索引に登録するのは画像そのもので、画像内の文字ではありません。各画像に内容を説明するalt属性を付け、ページの重要な文章はHTMLテキストとして画像の近くに置くか、元のPDFへのリンクを設置して全文を巡回できるようにしてください。
WebPにすると文字の周りの色が少しにじむのはなぜですか？
非可逆圧縮のWebPは、色を明るさの半分の解像度で保存します。これをクロマサブサンプリングといいます。黒い文字は問題ありませんが、細い赤や青の文字はにじむことがあります。音質を上げるか、色付きの小さな文字が多いページにはPDFをPNGに変換をお使いください。
あとでJPGのページ画像が必要になったらどうすればよいですか？
メールソフトや古いエディタ、アップロードフォームでWebPが受け付けられない場合は、WebPをJPGに変換でJPGにしてください。