JPGのサイズが重要な理由

  • サイズが大きすぎるJPG画像はLCPスコアとモバイルユーザーエクスペリエンスを低下させる
  • 小さなJPG画像は、トラフィック量の多いサイトでCDNの帯域幅コストを削減します。
  • 適切なサイズのJPG画像は、Retinaディスプレイでは非Retinaディスプレイよりも高速にレンダリングされます。
  • メールに添付するJPGファイルは、GmailとOutlookの添付ファイル制限である25MB以内に収まる必要があります。

JPG画像のリサイズに関するベストプラクティス

  • 正確な表示サイズに縮小してください。600ピクセルのコンテナに4000ピクセルのJPGを送らないでください。
  • トリミングを特に希望しない限り、アスペクト比は固定してください。
  • Retinaディスプレイ向けJPG画像(Instagram、Web Heroなど)には、2倍の解像度を使用してください。
  • JPG画像の拡大は避けてください。元の画像にないディテールを後から作り出すことはできません。
  • ファイルサイズを最大限に削減するために、ペアのリサイズと圧縮を組み合わせる