ウェブサイト用に画像を最適化する
役立つ見た目の品質を保ちながら、不要なファイルの重さを減らすために、ウェブサイトの画像をリサイズして圧縮します。
ウェブサイトの画像の最適化は、寸法、形式、エンコード品質の組み合わせです。すべてのサイトに共通する唯一正しいKBの上限はないため、実際の表示サイズとページの要件に合わせて最適化してください。
おすすめのワークフロー
- ステップ 1
表示寸法に合わせる
画像がはるかに小さいサイズで表示されるなら、巨大な元画像をそのまま配信するのは避けます。
- ステップ 2
適した形式を選ぶ
多くの写真にはJPGを、提出先が対応している場合はWebPを使用します。
- ステップ 3
結果を圧縮
ユーザーが実際に必要とする、目に見える細部が保たれる品質設定を使用します。
よくあるご質問
ウェブサイトのすべての画像を、同じKBサイズに圧縮すべきですか?
いいえ。ヒーロー画像、サムネイル、小さなアイコンでは、必要なものがまったく異なります。各画像を、実際の表示サイズと見た目の重要度に合わせて最適化してください。
ウェブサイトの写真には、どの形式が最適ですか?
JPGは写真に効率的であることが多く、WebPは対応している場合の有力な最新の選択肢になります。透過のあるグラフィックスには、PNGなどの適した形式が必要な場合があります。