画像形式の違いと選び方

用途別の結論から言うと、写真はJPEG、透過やくっきりした図はPNG、簡単なアニメはGIF、軽くて高品質にしたいならWEBPです。
それぞれの違いを比較表で確認できます。

PNG・JPEG・GIF・WEBP 比較表

形式	圧縮	透過	アニメ	特徴	向いている用途
PNG	可逆	○	×	劣化なし・透過対応	ロゴ・図・透過画像	作る
JPEG	非可逆	×	×	写真向き・高圧縮	写真・グラデーション	作る
GIF	可逆(256色)	△	○	アニメ可・色数制限	簡単なアニメ・アイコン	作る
WEBP	両対応	○	○	高圧縮・高品質	Web全般（モダン環境）	作る

可逆圧縮で画質が劣化せず、透過（アルファ）にも対応します。ロゴ・図・スクリーンショット・くっきりした線画に最適。写真ではファイル容量が大きくなりがちです。

非可逆圧縮で写真を小さくできます。透過は不可。色数の多い写真やグラデーションに向き、文字やくっきりした境界はにじみやすいのが弱点です。

最大256色の可逆圧縮で、簡単なアニメーションに対応します。色数が少ないため写真には不向きで、用途はアイコンや短いアニメに限られます。

可逆・非可逆の両方に対応し、同じ画質ならJPEGやPNGより小さくできます。透過・アニメも可能で、現在のブラウザではほぼ標準対応。Web全般でおすすめです。

PNGとJPEGはどちらを使うべきですか？

用途によります。写真やグラデーションはJPEG、ロゴ・図・透過が必要な画像はPNGが適しています。文字やくっきりした線はPNGの方がきれいです。

WEBPは使うべきですか？

現在のブラウザはほぼWEBPに対応しており、同じ画質でJPEG/PNGより軽くできるため、Web表示では有力な選択肢です。非常に古い環境への配慮が必要な場合のみJPEG/PNGを選びます。

透過（背景を透明に）できる形式は？

PNGとWEBPが透過に対応しています。GIFは1bit（オン/オフのみ）の簡易的な透過、JPEGは透過に対応していません。

AVIFが選べないのはなぜですか？

AVIFはさらに高圧縮な新しい形式ですが、本サイトのサーバー（GD）が未対応のため現在は提供していません。