[PaaSのみ]{class="badge informative" title="Adobe Commerce on Cloud プロジェクト(Adobeで管理されるPaaS インフラストラクチャ)とオンプレミス プロジェクトにのみ適用されます。"}

メディアギャラリー画像の最適化

新しい​ メディアギャラリーでは、画像最適化​機能が提供され、ストアフロントのパフォーマンスが向上し、メディアファイルのサイズが小さくなります。 この最適化はデフォルトで有効になっており、ストア設定で変更できます。

画像の最適化の設定

  1. 管理者 サイドバーで、Stores > Settings>Configuration​に移動します。

  2. 左側のパネルで、Advanced​を展開し、System​を選択します。

  3. 拡張セレクター Media Gallery Image Optimization​を展開し、次の操作を行います。

    • Enable Image Optimization​をYesに設定します。
    • 必要に応じて​ Maximum Width ​と​ Maximum Height ​の値(ピクセル単位)を入力します。

動作

メディアギャラリーの画像最適化機能が有効になっている場合、最適化された画像のコピーが、元のファイルではなく​ メディアギャラリーのコンテンツに自動的に挿入されます。

設定で​ 最大幅 ​と​ 最大高さ ​の値が変更されると、以前に挿入された既存の最適化された画像がすべて更新されます。

Media Gallery Image Optimizationでは、構成が変更されたときに最適化された画像を再生成するために、media.gallery.renditions.update キューのコンシューマーが実行されている必要があります。 詳しくは、設定ガイド​の「​ メッセージキューの管理」を参照してください。

NOTE
アニメーションGIF画像の最適化はサポートされていません。 このような画像は、画像の最適化プロセス後にアニメーションが失われる場合があります。 この問題を回避するには、アニメーション化されたGIFの画像サイズが、Media Gallery Image Optimization の設定で定義されている幅と高さの最大値より小さいことを確認してください ​
recommendation-more-help
commerce-admin-help-content-design