JPG：写真の標準形式
JPGは写真に最も使われる形式で、非可逆圧縮により小さなサイズを実現します。1670万色の表現が可能で、グラデーションの再現が得意です。
透過には対応していないため、背景を透明にしたい用途には向きません。写真の共有やWeb掲載の定番形式です。
PNG：図と透過の形式
PNGは可逆圧縮で、何度保存しても劣化しません。透過情報を扱えるため、ロゴやアイコン、スクリーンショットに向いています。
写真ではファイルが大きくなりがちです。文字や線画のシャープさを保ちたい場合に選ぶのが基本です。
WebP：次世代の軽量形式
WebPは可逆・非可逆の両方に対応し、透過も扱える形式です。同じ画質ならJPGより20〜30%程度小さいこともあり、Web表示に最適です。
主要ブラウザはほぼ対応済みですが、古いソフトでは開けない場合があります。不特定多数への配布ではJPGの併用も検討しましょう。
使い分けの早見表
写真のWeb掲載はJPGかWebP、透過が必要な図はPNG、軽量化最優先のWeb用はWebP、というのが基本の使い分けです。
迷った場合は、まずWebPを試して表示を確認するのがおすすめです。形式を変えると自動で再計算されるため、サイズ差の比較も簡単です。
よくある質問
結局どれを選べばいいですか？
写真はJPG、透過や図はPNG、Web軽量化はWebPが基本です。この3パターンを覚えておけば、ほとんどの場面で困りません。
WebPの対応状況は？
Chrome・Edge・Firefox・Safariの現行版は対応しています。古いブラウザを切り捨てられない場合はJPGを併用しましょう。
AVIFという形式も聞きますが？
AVIFはさらに高効率な次世代形式ですが、対応環境がWebPより限られます。現時点ではWebPが無難な選択肢です。