ドキュメントCommerce実装プレイブック

画像を最適化してレスポンシブなサイトを実現

最終更新日： 2026年8月22日

作成対象：

  • Experienced
  • Developer
  • Admin

Adobe Commerce on cloud infrastructureのデプロイメントの場合は、画像をアップロードする前に画像を最適化することで、サイトの応答時間を短縮します。 次に、Fastlyの画像最適化機能を使用して、画像配信の速度を向上させ、画像ソースセットのメンテナンスを簡素化します。

影響を受ける製品とバージョン

​ サポートされているすべてのバージョン ​ /:

Adobe Commerce on cloud infrastructure

画像の最適化と圧縮

Commerceのサイトに画像をアップロードする前に、画像を最適化および圧縮して、パフォーマンスと表示画質のバランスを取ります。 これにより、スペースを増やし、ページの読み込み時間を短縮できます。

  • PNG形式では、単色の領域が大きい画像に対して、より小さいサイズの画像を提供します。

  • JPEG フォーマットでは、他のすべての画像タイプに対して小さいサイズの画像が提供されます。 最も高い圧縮を使用してください（顕著な劣化なし）。 通常は60～80%です。

Fastlyの画像最適化を有効にして設定する

Adobe Commerce クラウドプロジェクト用のFastly サービスを設定した後、画像の最適化を有効にして設定する手順については、Fastly画像の最適化を参照してください。

追加情報

recommendation-more-help
commerce-operations-help-implementation-playbook