WebP vs JPG：写真に最適なフォーマットはどっち？
By Artur更新 1分で読めます
JPGは30年間、写真の標準フォーマットでした。どこでも使えます。誰もが知っています。すべてのカメラ、スマホ、アプリがJPGを生成します。
そこにWebPが登場しました。Googleがより小さく、より速くするために開発しました。実際にそうです。でも、それはJPGの使用をやめるべきということでしょうか？
答えは、画像の使い道によります。ここで完全な比較を見てみましょう。
WebPはすべての品質レベルでファイルサイズがJPGより小さくなります。さまざまな写真タイプで一貫した削減効果があります。
| 写真タイプ | JPG (85%) | WebP (85%) | 削減率 |
|---|---|---|---|
| 風景写真 | 1.2 MB | 850 KB | 29% |
| ポートレート | 800 KB | 550 KB | 31% |
| 商品写真 | 400 KB | 260 KB | 35% |
| 料理写真 | 600 KB | 400 KB | 33% |
| テキスト入りスクリーンショット | 300 KB | 170 KB | 43% |
平均すると、WebPは同じ見た目の品質でJPGより25-35%小さくなります。シャープなエッジやテキストが多い写真では、さらに大きな削減が期待できます。
これはウェブサイトで特に重要です。10枚の商品写真が各400 KBのページは、JPGで4 MBの帯域幅がかかります。WebPなら2.6 MBに下がります。何千ものページビューを掛け合わせると、帯域幅の節約は非常に大きくなります。
同じ品質設定では、WebPとJPGはほぼ同じに見えます。どちらも非可逆圧縮を使います。どちらも目に見えないデータを捨てます。視覚的な結果はとても近いです。
わずかに違う点：
細かいディテール。 WebPは同じファイルサイズでJPGより細かい質感をやや良く保ちます。髪、布、草がWebPではわずかにシャープに見えます。
カラーグラデーション。 JPGは低品質で滑らかなグラデーション（夕焼け空など）にバンディングが出ることがあります。WebPはグラデーションをより滑らかに処理します。
シャープなエッジ。 JPGはコントラストの高いエッジ（写真上のテキスト、ロゴ）の周りに「リンギング」と呼ばれるアーティファクトを生成します。WebPはこれらのアーティファクトを軽減します。
品質80%以上では、ほとんどの人が直接比較してもJPGとWebPを区別できません。違いが明らかになるのは70%以下で、WebPの方がクリアさを保ちます。
WebPは実はJPGより多くのことができます。各フォーマットのサポート内容を見てみましょう：
| 機能 | JPG | WebP |
|---|---|---|
| 非可逆圧縮 | あり | あり |
| 可逆圧縮 | なし | あり |
| 透明度 | なし | あり |
| アニメーション | なし | あり |
| 色深度 | 8ビット | 8ビット |
| EXIFメタデータ | あり | あり |
| プログレッシブ読み込み | あり | なし（十分速い） |
| 最大サイズ | 65,535 px | 16,383 px |
透明度のサポートは大きなポイントです。背景が透明な写真（商品の切り抜き、背景なしのポートレート）が必要な場合、JPGではできません。WebPならできます。JPGで透明度を使うにはPNGが必要で、ファイルサイズがずっと大きくなります。WebP vs PNG比較でこのトピックを詳しく解説しています。
最大サイズの制限にも注目です。WebPは16,383 x 16,383ピクセルが上限です。JPGは65,535 x 65,535まで対応します。ほとんどの写真では問題になりません。ただし、パノラマ写真や超高解像度スキャンではWebPの制限に達する可能性があります。
JPGには2026年でも使い続ける理由となる利点があります。
ユニバーサルサポート。 JPGはすべてのアプリ、すべてのメールクライアント、すべてのデバイス、すべてのプリンターで動作します。WebPはそうではありません。写真を送る相手が何で開くか分からない場合、JPGが安全な選択です。
メールの添付ファイル。 ほとんどのメールクライアントはJPGを問題なくインラインで表示します。メールでのWebPサポートは不安定です。表示するクライアントもあれば、壊れた画像やダウンロードリンクを表示するものもあります。
印刷。 印刷業者、フォトラボ、出版のワークフローはJPG（またはTIFF）を想定しています。WebPは印刷用フォーマットではありません。WebPを印刷業者に送らないでください。
カメラ出力。 カメラやスマホはJPGをネイティブに撮影します。センサーから直接JPGが得られ、変換は不要です。WebPを使うということは変換ステップを追加することを意味します。
ソーシャルメディアへのアップロード。 ほとんどのプラットフォームはJPGをうまく処理します。多くは今やWebPも受け入れますが、JPGは何年もテストと最適化が行われてきたフォーマットです。
編集ワークフロー。 Photoshop、Lightroom、ほとんどのフォトエディターはJPGを深くサポートしています。WebPサポートはありますが、まだ成熟していません。
WebPはウェブ配信に最適な選択です。
ウェブサイトの写真。 サイト上のすべての写真はWebP（またはAVIF）にすべきです。25-35%のファイルサイズ削減でページ速度、検索ランキング、モバイル体験が向上します。モダンなウェブサイトでJPGを配信する理由はありません。
ウェブアプリのコンテンツ。 ユーザーがアップロードした写真、プロフィール画像、コンテンツ画像はWebPで保存または配信すべきです。小さいファイルはストレージコストの削減と高速な配信を意味します。
Progressive Web Apps。 オフラインで動作するPWAは、小さい画像サイズの恩恵を受けます。キャッシュするデータが少なくなります。初回読み込みが速くなります。
CDN配信。 CDNを使っているなら、多くはJPGを自動でWebPに変換できます。Cloudflare、Cloudinary、imgixがこの機能を提供しています。JPGをアップロードして、対応ブラウザにWebPを配信します。
サムネイルとプレビュー。 小さい画像はWebP圧縮でさらに大きな相対的削減が得られます。50 KBのJPGサムネイルがWebPで30 KBになるかもしれません。大量に使えば、これは大きな差になります。
ウェブ用途なら、はい。削減効果は本物で、品質は同等です。
アーカイブや一般的な保存には、JPGを保持してください。より多くの環境で使えます。より多くのアプリがサポートしています。印刷やメールで写真を送る必要がある場合、JPGの方が簡単です。
賢いやり方：オリジナルのJPGをソースファイルとして保持します。ウェブ配信用にWebPバージョンを生成します。編集やウェブ外で写真を共有する場合はJPGオリジナルを使います。さらに小さいファイルが欲しいですか？AVIF vs WebPで次世代フォーマットの比較をご覧ください。変換前に写真をさらに圧縮することもできます。
どのフォーマットをいつ使うべきか詳しく知りたい方は、画像フォーマット比較ガイドをお読みください。
ConvertIMGは両方向の変換に対応しています。ウェブ最適化のためのJPGからWebPへの変換。互換性のためのWebPからJPGへの変換。ファイルをドロップして、フォーマットと品質を選んで、ダウンロード。無料、プライベート、ブラウザで動作します。
ウェブサイトを作っている。またはプロジェクト用の画像を準備している。WebPはPNGより優れていると聞いたことがあるはず。でも、いつもそうなのか？PNGの方が良い場面はないのか？
WebPとAVIFはどちらもウェブ上でJPGとPNGを置き換えるために作られました。どちらもファイルサイズが小さくなります。どちらも透過と非可逆/可逆圧縮に対応しています。どちらも最新のブラウザで動作します。
3つのフォーマット。3つの異なる強み。そして、どれをプロジェクトに使うべきか迷っている。
ウェブサイトから画像を保存したら、.webpファイルだった。メールに添付できない。画像編集ソフトで開けない。JPGしか受け付けないフォームにアップロードできない。
あなたのサイトの画像は、おそらく大きすぎます。平均的なWebページは2MB以上あり、画像はその重さの約半分を占めています。それぞれの画像に適したフォーマットを選ぶことが、サイトを高速化する最も簡単な方法です。
あなたのウェブサイトの読み込みが遅い。Google PageSpeedが警告を出している。原因の半分は画像です。そしてその多くは、大きすぎるPNGファイルです。
ConvertIMG
JPEG、PNG、WebP、AVIF間で画像を変換。無料でブラウザで完結します。