JPG vs PNG vs WebP vs HEIC：どの画像フォーマットを使うべき？

JPG（またはJPEG）は写真向けに調整された非可逆圧縮を使用し、ほぼすべてのデバイスとブラウザで開けます。複雑で色彩豊かな画像でも小さなファイルを生成できるため、Web上の写真の標準として今も使われ続けています。

弱点は透過をサポートしないことと、世代劣化です。JPGを再保存するたびに品質が少しずつ低下します。圧縮によって目に見えるアーティファクトが残るため、シャープなグラフィック、テキスト、ロゴには不向きです。

PNGはデータを一切失わずに圧縮し、完全な透過をサポートするため、ロゴ、アイコン、スクリーンショット、図表、そしてテキストやシャープなエッジを含むもの全般に最適です。PNGを再保存しても劣化しません。

トレードオフはサイズです。写真の場合、PNGはたいていJPGよりはるかに大きくなるのに、見た目上のメリットはありません。PNGは写真ではなくグラフィック用にとっておきましょう。

WebPはWebのために設計され、同等のJPGやPNGより通常25～35パーセント小さいファイルを生成します。非可逆と可逆の両モードに加え、透過とアニメーションもサポートしています。現在ではすべての主要ブラウザが対応しています。

主な制限はブラウザの外にあります。古いデスクトップソフトウェアや一部のプラットフォームはまだWebPを受け付けないため、互換性が不確かな場合はJPGやPNGのフォールバックを用意しておきましょう。

HEICはiPhoneのデフォルト形式です。高品質の画像をJPGのおよそ半分のサイズで保存でき、深度マップやライブフォトなどの高度な機能をサポートします。Appleデバイスではシームレスに動作します。

問題は共有です。多くのウェブサイト、Windowsマシン、古いアプリケーションは、追加のソフトウェアなしではHEICを開けません。幅広い互換性が必要なら、送信前にHEICをJPGに変換しましょう。

最大の互換性が必要な写真にはJPGを使いましょう。ロゴ、アイコン、スクリーンショット、透過やテキストを含むものにはPNGを使います。ウェブサイトを自分で管理していて、モダンブラウザのサポートを前提に最小のファイルを目指せるならWebPが最適です。受け取る相手がAppleデバイスを使っていない可能性がある場合は、HEICをJPGに変換しましょう。

どれを選ぶにしても、変換はブラウザ内でローカルに行いましょう。フォーマットを変えるためだけに画像をアップロードせずに済み、サーバーを待つことなく多数のファイルを一括処理できます。