WebP レンディションファイルは、一部のAEM Assets画像ではJPEG ファイルよりも大きくなります

この記事では、Adobe Experience Manager Assetsで生成されたWebP レンディションがJPEG レンディションよりも大きくなる場合がある理由を説明し、WebP レンディションのサイズを最適化する手順を説明します。

説明 description

環境

  • Adobe Experience Manager Assets as a Cloud Service
  • Assets処理プロファイル

問題/症状

AEM Assets Processing Profileを使用して画像レンディションを生成する場合、同じソース画像とピクセル寸法を使用しても、WebP レンディションが対応するJPEG レンディションよりも小さくなることは保証されません。

例:

  • JPEG zoom rendition: 2048 × 1365、約546 KB
  • WebP ズーム レンディション:2048 × 1365、約956 KB (WebP品質85)。

原因

WebPとJPEGでは異なる圧縮アルゴリズムが使用されており、その品質値は直接比較されません。 結果のファイルサイズは、画像コンテンツ、エンコーダーの動作、および品質設定によって異なります。 したがって、WebP レンディションは、JPEG レンディションよりも小さくすることは保証されません。 処理プロファイルでは、品質設定によって圧縮が制御され、結果のファイルサイズに影響を与えます。

解決策 resolution

この問題に対処するには、次の手順に従います。

  1. AEMで、 ツール に移動します > Assets > 処理プロファイル 。
  2. WebP レンディションを定義する処理プロファイルを編集します。
  3. 「画像」タブで、WebP レンディションを見つけ、その 品質 値を下げます。 初期テストの場合、ソースの例を85から70–75に変更します。
  4. テストアセットを再処理し、JPEGとWebP レンディションファイルのサイズとビジュアル品質を比較します。
  5. それでもWebP ファイルが目標サイズを超える場合は、60–65などの低品質の値をテストします。 各変更後のファイルサイズとビジュアル品質を比較します。
  6. EDSを介して配信された画像や直接アセット URLなど、実際に配信された画像のレスポンスを比較します。 静的なDAM レンディションだけを比較してはいけません。
  7. ページでAEM Core Image コンポーネントを使用している場合は、静的DAM レンディションのみに依存するのではなく、Webに最適化された画像配信を検討します。 画像コンポーネントポリシーで、Web最適化画像を有効にするを選択します。 注: Webに最適化された画像配信は、AEM as a Cloud Serviceのコア画像コンポーネントを介してレンダリングされた画像に適用されます。 ページに配信される画像が変更されます。処理プロファイルによって生成された静的WebP レンディションは変更されません。
  8. 配信されたWebP画像が、ファイルサイズとビジュアル品質の要件を満たしていることを確認します。
recommendation-more-help
experience-cloud-kcs-help-kbarticles