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

クラウドインフラストラクチャデプロイメントでのAdobe Commerceの場合は、画像をアップロードする前に最適化することで、サイトの応答時間を短縮します。 次に、Fastly 画像の最適化を使用して、画像配信を高速化し、画像ソースセットのメンテナンスを簡素化します。

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

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

クラウドインフラストラクチャー上のAdobe Commerce

画像の最適化と圧縮

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

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

  • JPEGフォーマットは、他のすべての画像タイプに対して、より小さいサイズの画像を配信します。 最も高い圧縮率を使用します(著しい劣化は発生しません)。 これは通常 60~80% です。

Fastly での画像の最適化の有効化と設定

Adobe Commerce Cloud プロジェクトの Fastly サービスを設定したら、Fastly 画像の最適化を参照して、画像の最適化を有効にし設定する手順を確認してください。

追加情報

recommendation-more-help
754cbbf3-3a3c-4af3-b6ce-9d34390f3a60