JPG・PNG・WebP、どれを使えばいい? 画像形式の選び方

JPGは写真向けに調整された非可逆圧縮を使います。実写の画像を小さくでき、この30年に作られたあらゆるソフト・Webサイト・端末で開けます。弱点は、くっきりした輪郭(文字、スクリーンショット、ロゴ)にうっすらブロック状のノイズが出ることと、透過に対応していないことです。

共有したり、フォームにアップロードしたり、印刷したり、メールで送ったりするカメラの写真に使いましょう。

PNGは可逆圧縮です。保存したものがそのまま戻ってきます。文字や線を完全にくっきり保ち、透明な背景にも対応しているので、ロゴ、アイコン、画面のキャプチャ、あとで編集し直す画像の標準です。

写真をPNGにすると、見た目の利点がないままJPGの5〜10倍の大きさになることがよくあります。

Googleが作ったWebPは、非可逆・可逆の両方の圧縮に対応し、透過やアニメーションも扱えます。同じ見た目の画質ならJPGやPNGより25〜35%ほど小さくなることが多く、Webサイトで使われています。

最新のブラウザはすべてWebPに対応していますが、古いソフトやアップロードフォームの中にはまだ対応していないものがあります。人がWebPをJPGやPNGに戻す理由はたいていこれです。

AVIFとHEICは、さらに圧縮効率の高い新しい形式です。HEICはiPhoneの標準で、AVIFはWebサイトで広がりつつあります。保存やWebには優れていますが、受け付けてくれる場所はまだ少ないので、互換性が大事なときはJPGに変換しましょう。

JPGをPNGにしても画質は良くなりません。もともとあるJPGのノイズを、ずっと大きなファイルに劣化なしで保存するだけです。PNGをJPGにするとファイルはかなり小さくなりますが、透明な部分は単色になり、くっきりした輪郭が少しにじむことがあります。どちらもWebPにすれば容量はたいてい減り、WebPをJPGやPNGに戻せば互換性が戻ります。

非可逆の保存をするたびに少しずつ失われるので、手元でいちばん良い元画像から編集し、最後に一度だけ最終的な形式に変換しましょう。

JPGとWebPでは、画質80〜85%程度でほとんどの写真は元と見分けがつかず、100%よりずっと小さくなります。60%を下回ると、細かい部分にブロック状のノイズが見えてきます。スクリーンショットや文字の入った画像はPNGで、Webサイト用なら可逆圧縮のWebPで保存するのがいちばんきれいです。

共有・アップロードする写真:JPG。スクリーンショット・ロゴ・透過のあるもの:PNG。自分のWebサイト用の画像:WebP。どこかでファイルを断られたらJPGに変換しましょう。どこでも受け付けてもらえる形式です。