Webサイト用に画像サイズを変更する方法

カメラ写真はWebページに必要なサイズより大きすぎることがよくあります。カードが600px幅なら、4000px画像は余分な通信量になります。

ヒーロー画像、サムネイル、ブログカード、商品ギャラリーのように用途別のサイズを用意しましょう。

繰り返し表示する画像は1:1、4:3、16:9などにそろえると、レイアウトが安定します。

リサイズ後は圧縮し、現代的なWebサイトではWebPを優先するとよいです。