PRACTICAL GUIDE
Web画像に使うファイル形式
Web画像は、画像の種類と対象環境を先に決めると選びやすくなります。
迷ったら、ここで選ぶ
- 写真中心 → JPEGを基準にWebP / AVIFを検討
- 透過する図版 → PNGまたはWebP
- ロゴ・図形 → SVG
写真と図版を分ける
写真、透過が必要な図版、拡大するロゴでは優先する特性が異なります。
配信前の確認
新しい形式を使う場合も、対象ブラウザ、変換工程、代替画像の扱いを確認します。
候補形式
関連する比較
注意点
- 形式を変えるだけで画像品質や容量が一律に改善するわけではありません。
- アニメーションには動画の方が適する場合があります。