JPG、PNG、WebP、AVIFの違い：どの画像形式を使うべきか

結論：どこでも開けなければならない写真にはJPG、グラフィック、スクリーンショット、正確なピクセルや透明度が必要なものにはPNG、ウェブサイトでファイルを小さくしたく、互換性が問題にならない場合にはWebPやAVIFを使います。このガイドの残りで、その理由を説明します。

4つの形式を1つの表で

	JPG	PNG	WebP	AVIF
圧縮	非可逆	可逆	非可逆または可逆	非可逆または可逆
向いている場面	写真	グラフィック、スクリーンショット、ロゴ	あらゆる種類のウェブ画像	サイズが最も重要なウェブの写真
透明度	いいえ	はい	はい	はい
アニメーション	いいえ	限定的（APNG）	はい	はい
互換性	どこでも	どこでも	最近のブラウザと多くのアプリ	最近のブラウザ。ほかではあまり一般的ではありません
写真のファイルサイズ	中程度	大	同程度の画質なら、多くの場合JPGより小さい	画像とエンコーダーによっては、さらに小さくなることもあります

この表は、各形式について説明したものです。Imgovoは静止画のAVIFを書き出します。アニメーションツールが作るのはGIFとアニメーションWebPで、アニメーションAVIFは作りません。開いたアニメーションAVIFは、最初のフレームとして書き出されます。

WebPとAVIFのブラウザ対応は着実に広がっていますが、本番で形式に頼る前に、最新の互換性表を確認することをおすすめします。このガイドは、ページの上部に表示された日付に最後に確認されました。

JPG

JPG（JPEG）は、ほとんどの写真が保存される形式です。目に気づかれにくい細部を捨てる非可逆圧縮を使います。透明度はありません。保存を繰り返すと、目に見える劣化が増えることがあるので、元のファイルを残しておいてください。

JPGを選ぶ場面：写真を共有、アップロード、印刷するとき、または相手がどんなソフトウェアを使っているかわからないとき。

PNG

PNGは可逆です。すべてのピクセルが保たれ、透明な背景にも対応します。そのため、ロゴ、アイコン、文字を含むスクリーンショット、図に最適です。写真では、PNGのファイルは、目に見える利点もなく大きくなります。

PNGを選ぶ場面：透明度や鋭い輪郭が必要なとき、またはさらに画像を編集するので画質を落としたくないとき。

WebP

WebPは、非可逆または可逆の圧縮、透明度、アニメーションを1つの形式で扱えます。多くの場合、同程度の見た目の画質で、JPGやPNGより小さなファイルになります。最近のブラウザでは広く対応していますが、一部の古いプログラムやアップロードフォームでは、まだ受け付けません。

WebPを選ぶ場面：ウェブサイトに画像を公開し、JPGやPNGより小さなファイルにしたいとき。

AVIF

AVIFは、WebPやJPGより写真をうまく圧縮できることが多い新しい形式で、特にファイルサイズが小さいときに効果があります。トレードオフは、ブラウザ以外での対応が少ないことと、場合によってエンコードが遅いことです。

AVIFを選ぶ場面：ウェブで写真を配信し、非常に小さなファイルにしたいとき。できればJPGやWebPをフォールバックに用意します。

サイズに関する主張について

「WebPはJPGより30%小さい」といった表現を目にするでしょう。慎重に扱ってください。削減できる量は、画像、エンコーダー、画質の設定によります。正直な答えは、WebPとAVIFは小さくなることが多いが、その差は一定ではない、ということです。最良のテストは、ご自分の画像を変換して比べることです。

かんたん判断ガイド

• メール、フォーム、印刷用の写真：JPG。
• ロゴ、アイコン、スクリーンショット：PNG。
• ウェブサイト用の写真やグラフィック：WebP、またはフォールバック付きのAVIF。
• 透明度が必要：PNG、WebP、AVIF。
• 誰が開くかわからない：JPG（グラフィックならPNG）。

Imgovoで形式を切り替える

Imgovoはブラウザの中で変換するので、ファイルはアップロードされません。

• 一般的な場合は、画像変換で対応できます。
• ウェブ用の画像を小さくするには、JPGからWebPへとPNGからWebPへ。
• 非常に小さな写真ファイルには、JPGからAVIFへ。
• フォームやアプリがJPGを必要とするときは、PNGからJPGへ。JPGには透明度がないため、透明な部分にはべた塗りの背景が付きます。

特定のファイルサイズを目指す場合は、画像を100 KB以下に圧縮する方法をご覧ください。iPhoneの写真がHEICの場合は、HEICをJPGに変換する方法をご覧ください。

今すぐ試す

画像変換を開き、変換先の形式を選んで、ファイルサイズをご自身で比べてください。