WebP は Google が開発した画像形式で、JPEG や PNG よりも小さいファイル サイズで同等の画質を実現します。帯域幅の節約がページの読み込み時間の短縮に直接つながるため、Web サイト、コンテンツ管理システム、デジタル パブリッシング プラットフォームでは WebP が広く採用されています。 PDF に抽出して Web 上で使用する必要がある画像が含まれている場合、それらのページを JPEG または PNG ではなく WebP に変換すると、目に見える品質の低下がなく、平均で 30 ～ 50% 小さいファイルが生成されます。 PDF から Image への WebP への変換には、その形式を明示的にサポートする変換ツールが必要です。これは、ほとんどの PDF ソフトウェアのデフォルトが JPEG または PNG エクスポートであるためです。
PDF ページのエクスポートに JPEG または PNG ではなく WebP を選択する理由
WebP は、同じ形式内で非可逆圧縮と可逆圧縮の両方を提供します。つまり、ページのコンテンツに一致する圧縮タイプを適用できます。写真を含む PDF ページは、非可逆 WebP を使用するとより適切にエクスポートできます。非可逆 WebP では、写真の連続的な階調と滑らかなグラデーションが維持され、同等の品質の JPEG よりも著しく小さいファイルが生成されます。テキスト、グラフ、線画を含む PDF ページは、PNG よりも大幅に小さいファイルを生成しながら、すべてのピクセルをオリジナルとまったく同じように保存するロスレス WebP を使用すると、より適切にエクスポートできます。
従来の形式に比べて WebP のファイル サイズの利点は、PDF で一般的に見られる種類のコンテンツで最も顕著になります。均一な白または明るい背景にハイコントラストの黒いテキストが含まれる大きな領域を含むテキストの多いページは、フォーマットのランレングス エンコーディングが大きな均一な領域を効率的に処理するため、ロスレス WebP で特に適切に圧縮されます。 PDF ページからエクスポートされたプレゼンテーション スライドには、テキスト、ベクター グラフィックス、および時折写真が組み合わされており、単一の WebP ファイル内で非可逆圧縮と可逆圧縮を混在させる機能のメリットが得られます。 PDF 品質 で WebP にエクスポートすると、写真領域にのみ非可逆圧縮を適用しながら、テキストとベクトル要素の鮮明さを維持できます。
WebP 出力をサポートするコンバーターを見つける
主流の PDF アプリケーションのほとんどには、組み込みのエクスポート形式として WebP が含まれていません。 Adobe Acrobat は JPEG、PNG、TIFF、および JPEG 2000 にエクスポートしますが、WebP にはエクスポートしません。 Mac でのプレビューは JPEG、PNG、TIFF にエクスポートされます。 PDF ページを WebP に変換するには、通常、ブラウザベースの PDF 変換プラットフォーム、PDF ページをインポートして WebP をエクスポートできる画像編集アプリケーション、または ImageMagick や FFmpeg などのコマンドライン ツールの 3 つのオプションのいずれかが必要です。
ブラウザベースの変換プラットフォームは、最も簡単なパスを提供します。 PDF をアップロードし、出力形式として WebP を選択し、変換されたページをダウンロードします。 WukongPDF および同様のプラットフォームは、WebP を含む複数の形式への PDF から Image への変換をサポートし、サーバー側で変換を処理します。つまり、コンピュータに画像処理ソフトウェアをインストールする必要はありません。コマンドライン ツールを使用すると、出力品質と圧縮設定をより詳細に制御できます。 -quality フラグを指定した ImageMagick 変換コマンドを使用すると、非可逆圧縮レベルを 0 ～ 100 のスケールで指定できます。FFmpeg は、フレームごとの抽出を備えた libwebp エンコーダを使用して PDF ページを WebP に変換できます。
WebP 出力の解像度と品質の設定
PDF ページがラスタライズされる解像度によって、WebP 出力のピクセル寸法が決まります。 Web 表示の場合、解像度 150 DPI は、ファイル サイズを管理しやすい状態に保ちながら、ほとんどの Web サイトでの使用に十分な鮮明な画像を生成します。高解像度画面の場合、300 DPI ではファイルが大きくなりますが、Retina 品質の画像が提供されます。 PDF ページを Web サイトのヒーロー画像または全幅バナーとして使用する場合は、Web サイトのレイアウトから必要なピクセル幅を計算し、それに応じて DPI を設定します。レターサイズの PDF ページを全幅で表示する幅 1200 ピクセルのコンテンツ領域を持つ Web サイトには、約 141 DPI が必要です。
非可逆 WebP の品質設定の範囲は 0 ～ 100 で、値が大きいほど、圧縮アーティファクトが少なく、より大きなファイルが生成されます。品質設定 80 は、Web 画像の一般的に推奨されるバランスであり、視覚的な同等性を維持しながら、品質 80 の同等の JPEG よりも大幅に小さいファイルが生成されます。テキストの多いページの場合は、品質を 90 または 95 に上げます。これは、テキスト文字の周囲の圧縮アーティファクトが、写真領域のアーティファクトよりも目立ち、邪魔になるためです。 WukongPDF を使用すると、変換前に PDF エクスポート の品質設定を調整できるため、ページの各バッチの視覚的な品質に対してファイル サイズのバランスを取ることができます。
複数ページの PDF を個別の WebP ファイルに変換する
複数ページの PDF を WebP に変換する場合、各ページを個別の WebP ファイルにするか、ページを結合してアニメーション WebP シーケンスにするかを決定します。ほとんどの使用例では、ページごとにファイルを分けた方が実用的です。これらは、Web サイトに個別にアップロードしたり、ブログ投稿の別の場所に挿入したり、スタンドアロン画像として共有したりできます。ほとんどの変換ツールは、デフォルトで入力ページごとに 1 つの出力ファイルを作成し、document-page-001.webp、document-page-002.webp などの数値接尾辞を付けた名前を付けます。
アニメーション WebP は、アニメーション GIF と同様に、複数のページを 1 つのファイルに結合し、シーケンスとして再生します。この形式は、スライドの進行を表示するプレゼンテーション資料や、2 ページを順番に表示する前後の比較に役立ちます。アニメーション WebP 形式はタイミング制御をサポートしているため、次のページに移行するまでの各ページの表示時間を設定できます。ただし、アニメーション化された WebP ファイルは複数ページのドキュメントでは非常に大きくなる可能性があり、すべての画像ビューアがアニメーション化されたバージョンをサポートしているわけではありません。
WebP を既存の画像ワークフローに統合する
現在のワークフローで PDF ページから JPEG または PNG 画像を生成しており、WebP への切り替えを検討している場合は、最初にテスト バッチを実行します。代表的な 10 ページの PDF ページを同等の品質設定で WebP、JPEG、および PNG に変換します。 3 つの形式すべてのファイル サイズとビジュアル品質を比較します。ファイル サイズの比較により、WebP への切り替えによって特定のコンテンツ タイプが大幅に節約されるかどうかが確認されます。視覚的な比較により、WebP 圧縮設定の調整が必要な、色のずれやテキスト レンダリングのアーティファクトなど、予期しない品質の問題が発生していないことが確認されます。
コンテンツ配信ネットワークを通じて画像を提供する Web サイトの場合は、CDN が自動 WebP 変換をサポートしているかどうかを確認してください。 Cloudflare、Cloudinary、imgix はすべて、アップロードされた JPEG または PNG 画像を、それをサポートするブラウザーでオンザフライで WebP に変換できます。つまり、PDF ページを高品質の PNG ファイルとしてエクスポートし続け、CDN に WebP 変換を透過的に処理させることができます。このアプローチにより、Web サイト訪問者に WebP パフォーマンスの利点を提供しながら、PDF エクスポート手順が簡素化されます。
Web 表示の色空間変換の処理
Web 用に WebP に変換された PDF ページは、Web およびモバイル表示の標準である sRGB カラー スペースを使用する必要があります。 PDF に印刷用の CMYK カラー スペースの画像が含まれている場合、sRGB WebP への変換により、色がくすんだりずれて見える場合があります。変換する前に、PDF ページに CMYK 画像が含まれているかどうかを確認し、含まれている場合は、エクスポート プロセス中に CMYK から sRGB への色空間変換を明示的に処理する変換ツールを使用します。
コンテンツ管理システム用に WebP に一括変換される PDF の場合は、SEO に配慮した一貫した命名規則に従って出力ファイルの名前を一括変更します。 page-001.webp の代わりに、annual-report-revenue-chart.webp のような、関連するキーワードを含むわかりやすい名前を使用します。検索エンジンは画像ファイルの内容を読み取ることはできませんが、ファイル名のインデックスを作成するため、わかりやすい名前は画像検索の可視性に貢献します。
PDF ページを WebP に変換した後、公開する前に実際の Web ページで画像をテストします。いくつかのサンプル WebP 画像をテスト ページに埋め込み、さまざまなブラウザーやデバイスで表示します。古い iOS バージョンの Safari では WebP サポートが制限されており、現在のバージョンでは WebP が正しく処理されますが、簡単なクロスブラウザ テストにより、一部の視聴者にとって画像が壊れていることが発見されることはありません。
WebP は透明度もサポートしています。これは、他のコンテンツをオーバーレイするためのロゴやグラフィックスを含む PDF ページを変換するときに役立ちます。 PDF ページの背景が透明であるか、アルファ チャネルを持つ要素が含まれている場合は、透明度を維持するためにロスレス WebP にエクスポートします。 JPEG は透明度をまったくサポートしていないため、ソース内の透明な領域は白で塗りつぶされます。
自動コンテンツ パイプラインの一部である PDF から WebP への変換の場合、libwebp を含む多くの画像処理ライブラリは、Python、Node.js、または PHP スクリプトから呼び出すことができる API を提供します。 WebP 変換をパイプラインに統合すると、手動でのエクスポート手順が完全に不要になります。
PDF ページから変換された WebP 画像は、品質 80 の非可逆圧縮を使用してさらに最適化でき、ほとんどのコンテンツ タイプで目に見える品質の低下はありません。通常、結果として得られるファイルは、詳細なグラフやテキストを表示するのに十分な品質を維持しながら、モバイルで高速に読み込むのに十分な大きさになります。
WebP 画像を Web サイトにアップロードするときは、WebP をサポートしていない古いブラウザ用のフォールバック JPEG または PNG を含めます。 HTML の Picture 要素は、WebP ソースを最初にリストし、フォールバック形式を 2 番目にリストすることで、これをエレガントに処理します。
ファイル サイズの縮小、非可逆圧縮と可逆圧縮の両方のサポート、ブラウザのサポートの拡大の組み合わせにより、WebP は Web で使用する PDF ページのエクスポートに最も実用的な画像形式となっています。
このため、WebP は、PDF ソース ドキュメントから生成される最新の Web パブリッシング ワークフローにとって好ましい選択肢となります。