WebP は写真を約圧縮します JPG より 25 ～ 34% 小さい 1,000 個の Web 画像を対象とした Google 独自の調査によると、同じ視覚品質で表示されます。どちらも写真用に構築された非可逆形式であるため、本当の問題は、どちらが見栄えが良いかではなく、サイズ、互換性、機能のどのバランスが自分の仕事に適しているかということです。 JPG は 1992 年に誕生し、これまでに作られたすべてのデバイスで開くことができます。 WebP は 2010 年に登場し、JPG にはない透明性、アニメーション、ロスレスモードが追加されました。この比較では、2 つの形式の出所、サイズテスト、圧縮時にそれぞれがどのように失敗するか、WebP が追加する機能、ブラウザのサポート、ページ速度への影響、JPG が依然として安全な選択である場合について説明します。

どちらのフォーマットも明確な勝者というわけではありません。 WebP はファイルサイズと機能で優れています。ユニバーサルリーチではJPGが勝利します。現在、ほとんどの最新の Web サイトは JPG フォールバックで WebP を提供しており、新しいブラウザーではサイズが優先され、残りのブラウザーでは安全性が確保されます。最後までに、写真、Web 配信、アップロード、アーカイブにどれを使用すればよいかがわかります。

JPGとは

JPG は、1992 年に JPG を定義した委員会である Joint Photographic Experts Group から来ており、写真を小さくするという 1 つの目的のために構築されました。非可逆圧縮を使用し、画像を次のように分割します。 8×8ピクセルブロック 人間の視覚の細かい部分を無視しても、ほとんどわかりません。 0 から 100 までの品質ダイヤルは、破棄の積極性を制御します。 30 年以上を経て、JPG サポートは普遍的になり、すべてのオペレーティングシステム、ブラウザ、カメラ、プリンター、写真アプリでセットアップなしで JPG を読み取ることができます。そのリーチがその決定的な強みです。

ただし、JPG には実際の制限があります。透明度がないため、シースルー領域は平坦化されて単色になります。再保存するたびに少し劣化します。これは生成損失と呼ばれる効果です。また、圧縮によって最初に捨てられる高周波のディテールであるため、鮮明なテキストやハードエッジが低品質でぼやけてしまいます。広く共有される写真の場合、これらはどれもそれほど重要ではないため、JPG が存続しているのです。

WebP とは

WebP は、Google が 2010 年にリリースした画像形式で、VP8 ビデオコーデックの圧縮に基づいて構築されています。目標は単純で、Web 画像を小さくしてページの読み込みを速くするというものでした。 Google は、一致する 3 つのフォーマットを一度に置き換えるように設計しました。 JPGの写真圧縮、PNGの透明度、GIFのアニメーション 単一のコンテナで。写真用の非可逆モードと、PNG とまったく同じ可逆モードの両方を提供します。

WebP が JPG に続くのは年齢です。これは 14 年前のものであるため、いくつかの古いプログラム、一部の電子メールクライアント、および特定のアップロードフォームはまだそれを読み取れません。オープン Web では、現在のすべてのブラウザが WebP をサポートしているため、そのギャップは埋まっています。しかし、自分の管理下にあるファイルの場合、若いフォーマットにはベテランには無い小さなリスクが伴います。

同等の品質でのファイルサイズ

WebP が紙の上で勝てるのはファイルサイズです。同じ知覚品質で、WebP の非可逆モードでは写真を保持します。 スペースが約 3 分の 1 減少 JPG よりも新しい予測とエントロピーコーディングが使用されるためです。平らな領域ときれいなエッジを持つ画像では差が広がりますが、どちらの形式でも冗長性を見つけるのが難しい、粒子の粗い詳細な写真では差が狭まります。 Google の 1,000 枚の画像を対象とした調査では、平均節約率は 25 ～ 34% であると推定されています。

画像の多い Web ページでは、すべての写真の 3 分の 1 が本物です。 3MB の JPG を含むページは、WebP として約 2MB に減少します。これは、低速のモバイル接続では数秒の読み込み時間になります。サイト上のすべてのページでこれを掛け合わせると、訪問者とホスティングコストの両方で帯域幅が大幅に節約されます。

品質が違うところ

品質が最も異なるのは、各フォーマットがプレッシャーの下でどのように失敗するかです。 JPG が侵入します 8×8ブロック 強く押すと、ハードエッジの周りにかすかなリンギングアーティファクトが散らばります。 WebP は、細部をブロックするのではなく、柔らかく、わずかにぼやけた結果に塗りつぶす傾向があります。客観的にはどちらが優れているというわけではありません。ブロックすると目がさらに気を散らしてしまう人もいます。柔らかさは他人に迷惑をかけます。

高品質設定では、違いはなくなります。どちらのフォーマットも品質 90 ではオリジナルと同じに見えるため、選択は純粋にサイズと機能に関するものです。この違いは、品質を意図的にサイズと引き換えに高圧縮した場合にのみ現れますが、それでもほとんどの写真では微妙です。

WebP に追加されて JPG に欠けているもの

WebP は JPG にできない 3 つのことを実現しており、それぞれが異なる作業に重要です。

透明度: WebP は完全なアルファチャネルを保持するため、切り抜きロゴや製品ショットはシースルーのままですが、JPG では背景が単色で塗りつぶされます。
アニメーション: WebP はアニメーションクリップをサポートし、GIF を 256 色ではなく数分の 1 のサイズと数百万色で置き換えるファイルに置き換えます。
ロスレスモード: WebP は、PNG をピクセルごとに正確に一致させながら、軽量化できるため、PNG の代替としても機能します。

JPG ではこれらのいずれも提供されません。これは単一目的の写真形式であり、シンプルですが範囲が狭くなっています。

ブラウザとソフトウェアのサポート

JPG の残りの利点はサポートですが、その利点は狭まりつつあります。 JPG が開きます すべてのブラウザ、電子メールクライアント、プリンタ、および従来のプログラム これまでに作られた。 WebP は現在、Chrome、Firefox、Safari、Edge によって読み取られるため、オープン Web では互換性の問題は基本的に解決されています。一部の古いデスクトップソフトウェア、いくつかの電子メールクライアント、および多くのアップロードフォームは依然として JPG または PNG のみを受け入れます。

これが、一方が他方を置き換えるのではなく、この 2 つが共存する理由です。あなたが管理する Web サイトでは、WebP は安全です。ファイルを電子メールで送信したり、印刷したり、不明なシステムにアップロードしたりする場合、JPG は互換性の問題をすべて 1 ステップで回避します。

ウェブサイトの速度への影響

形式の選択は速度に影響し、速度はランキングに影響します。通常、画像は Web ページの中で最も重い部分であり、ページの重みが直接 Web ページに反映されます。 最大のコンテンツ豊富なペイント、Google の Core Web Vitals の 1 つであり、ランキングシグナルとして確認されています。各写真を 3 分の 1 にカットすると、読み込み時間、LCP スコア、直帰率が大幅に向上します。ページが速いほど変換率も向上するため、作業の価値は 2 倍になります。

ほとんどのサイトで使用されている実際的なパターンは進歩的です。WebP を受け入れるブラウザに WebP を提供し、残りは JPG にフォールバックします。 HTML 画像要素とほとんどのコンテンツ管理システムはこれを自動的に処理するため、最近の訪問者には小さなファイルが表示され、古い訪問者には引き続き画像が表示されます。

JPG がまだ安全な選択である場合

サイズよりもリーチが重要な場合は、JPG が勝ちます。電子メールに添付する写真、印刷所に渡す写真、または JPG と PNG のみがリストされているポータルにアップロードする写真の場合、ベテランの形式により、受信者が WebP を開けないリスクが回避されます。また、相手側のソフトウェアを保証できないため、自分で管理しないファイルの安全なデフォルトでもあります。

アーカイブの場合はどちらでも機能しますが、多くの写真家はマスターをロスレス形式で保持し、共有のために JPG または WebP コピーをエクスポートします。ルールは単純です。自分の Web サイトの場合は WebP、知らない人の手に渡ったものは JPG です。

2 つの間で変換する方法

どちらの方向への変換にもインストールは必要ありません。ブラウザコンバータはデバイス上のファイルを再エンコードするため、形式を切り替える間は何もアップロードされません。私たちの PNGからJPGへのコンバーターそして PNG から WebP へのコンバーターどちらも HTML5 Canvas API を通じて実行され、複数のファイルを一度にバッチ処理し、ウォーターマークは追加されません。品質を設定し、変換してダウンロードします。 Web サイトの場合は、オリジナルを保持し、WebP と JPG の両方のフォールバックを生成します。

写真家が依然として JPG に手を伸ばす理由

写真家は互換性以外の理由で JPG に頼っています。すべてのカメラはセンサーから直接 JPG を撮影するため、撮影のネイティブハンドオフ形式となります。写真ラボ、ストックライブラリ、クライアント配信システムはすべて JPG を期待しており、数十年にわたる編集ソフトウェアでは JPG がベースラインとして扱われてきました。クライアントにギャラリーを送信する写真家が JPG を選択する理由は次のとおりです。 クライアントはどこでも開くことができます、どのデバイスでも、何も考えずに。

WebP は、Web ギャラリーやポートフォリオを通じてこの世界に浸透しており、サイズが小さいためブラウジングが高速化されています。しかし、配信とアーカイブに関しては、JPG の汎用性が WebP のサイズ上の利点を依然として上回っています。表示されるパターンは一貫しています。Web に表示されるコピーの場合は WebP、写真家の制御を離れるファイルの場合は JPG です。

品質設定によって比較がどのように変化するか

品質ダイヤルにより、どの形式がより良く見えるかが変わります。で 品質90以上, JPG と WebP は見た目は同じなので、唯一の違いはファイルサイズであり、WebP が勝ちます。品質を 60 以下に下げると、この 2 つは分岐します。JPG ではブロック状の四角形とエッジの周りのリンギングが表示されますが、WebP では不鮮明になり柔らかくなります。どちらも楽しいものではありませんが、失敗の仕方が異なります。

これが、公正な比較が常にファイルサイズではなく品質と一致する理由です。 2 つの変数を変更したため、品質 90 の JPG と品質 60 の WebP を比較しても何も証明されません。同等の品質では、WebP の方が確実に小さいファイルとなり、同等以上のエッジ処理が行われます。これは、2 つの形式の正確な読み取り値です。

判決

WebP は、ファイルサイズの縮小、透明性、アニメーション、ロスレスモードといった技術的なメリットで優れており、すべて最新のブラウザを完全にサポートしています。 JPG は、依然として重要な 1 つの点で勝っています。それは、疑いなくどこでも開くことができるということです。 Web サイトには WebP を使用し、未知の場所に送信するものには JPG を使用し、両方が必要な場合は JPG フォールバックで WebP を提供します。

よくある質問

WebP にはどの品質設定を使用すればよいですか?

品質 80 ～ 90 オリジナルとの違いが分からない写真の場合。はるかに小さいファイルが必要で、柔らかさを許容できる場合にのみ、この値を下げます。

カメラは WebP で撮影しますか?

いいえ。 カメラはJPGまたはRAWを撮影します、WebP ではないため、JPG は写真配信および編集ワークフローのネイティブ形式のままです。

WebP は JPG よりも優れていますか?

サイズに関しては、そうです。 WebP は約 30% 小さくなります 同等の品質で透明性とアニメーションを追加します。 JPG は普遍的な互換性という点で優れているため、両方とも使用され続けています。

WebP は JPG よりどれくらい小さいですか?

通常、 25 ～ 34% 小型化 Google が 1,000 枚の画像を調査した結果によると、同じ品質の同じ写真の場合、その差はコンテンツによって異なります。

WebP は JPG よりも見栄えが悪くなりますか?

いいえ、高品質ではありません。 どちらもオリジナルと同じに見えます 賢明な設定で。強力な圧縮下では、JPG はブロックされますが、WebP はソフト化されます。

すべてのブラウザは WebP をサポートしていますか?

現代のものはそうです。 Chrome、Firefox、Safari、Edge はすべて WebP を読み取ります。一部の古いデスクトップソフトウェア、電子メールクライアント、アップロードフォームは依然として JPG のみを受け入れます。

WebP は背景を透明に保ちますか?

はい。 WebP には完全なアルファチャネルがありますそのため、透明度を単色に平坦化する JPG とは異なり、透明な画像はシースルーのままになります。

Web サイトには JPG と WebP のどちらが適していますか?

WebP、スピード重視。 ファイルが小さいほど最大コンテンツフルペイントが向上します、ランキングシグナル。 JPG フォールバックを使用して WebP を提供するため、古いクライアントでも画像が表示されます。

WebP ファイルを電子メールで送信できますか?

危険です。 一部の電子メールクライアントは WebP をレンダリングしません, そのため、壊れていると表示される場合があります。すべてのクライアントが表示する電子メール用に JPG に変換します。

JPG を WebP に変換すると品質は低下しますか?

どちらも損失があるため、わずかです。 再エンコードにより圧縮パスが 1 つ追加されます。品質 90 では損失は目に見えませんが、フォーマット間での往復の繰り返しは避けてください。

WebP は印刷に適していますか?

いいえ、JPG または TIFF を使用してください。 印刷ワークフローでは JPG、TIFF、または PDF が必要です、多くの印刷ツールは WebP を読み込まないため、プリンターに送信する前に変換してください。

JPG を WebP に、または WebP を JPG に変換できますか?

はい、両方向です。 ブラウザコンバータはどちらの方法でも再エンコードします デバイス上に保存されるため、形式を切り替えている間はファイルがアップロードされることはありません。

JPG と WebP は両方とも非可逆写真形式ですが、WebP は画像を約 30% 小さく保持し、JPG にはない透明性、アニメーション、ロスレスモードを追加します。 JPG はユニバーサルな互換性を備えており、あらゆるデバイスや受信トレイで問題なく開くことができます。 Web サイトに WebP を使用してページと Core Web Vitals を高速化し、電子メール、印刷物、および不明なアップロードフォームには JPG を維持し、JPG フォールバックを使用して WebP を提供して両方を取得します。上記のツールを使用してブラウザでいずれかの方法で変換し、無料かつ非公開で行います。

クイックリファレンス: JPG または WebP

手を伸ばす WebP 画像が管理している Web サイト上にある場合、写真に透明性が必要な場合、またはページ速度と Core Web Vitals が重要な場合。手を伸ばす JPG 電子メールの添付ファイル、印刷ジョブ、ストック送信、または JPG と PNG のみをリストするアップロードフォームなど、ファイルが管理者の管理下から離れたとき。両方の利点が必要な場合は、JPG フォールバックを使用して WebP を提供します。これにより、最新のブラウザーが小さなファイルを取得し、他のユーザーには引き続き画像が表示されます。この 1 つのルールは、2 者間の実際の決定のほぼすべてをカバーします。