JPEG 圧縮の仕組み
JPEG は画像を 8×8 ピクセルのブロックに分け、各ブロックに離散コサイン変換(DCT )を適用します。DCT はピクセル値を周波数成分に変換します——本質的に、ブロックがどれだけの低周波(なめらか)と高周波(詳細)の情報を含むかで記述します。量子化のステップが高周波成分を丸め、そこで非可逆の部分が起こります。丸めの度合いが品質スライダーの制御するものです。
固定の 8×8 のブロックサイズが JPEG の主な制約です。圧縮の判断はより大きな領域にまたがるパターンを考慮できず、積極的な圧縮が適用されるとブロック境界がアーティファクトとして見えるようになります(低品質 JPEG の特徴的なブロック状の見た目)。
WebP 圧縮の仕組み
WebP の非可逆モードは、ウェブ動画用に開発された動画コーデック VP8 に基づきます。マクロブロック予測モデルを使います:各領域を符号化する前に、エンコーダーは周囲のすでに符号化された領域からそれらのピクセルがどう見えるかを予測し、それから差分(残差)だけを符号化します。予測が正確なら、残差は小さく効率よく圧縮されます。
VP8 はより大きなブロックサイズ——最大 16×16 ピクセル——も使い、より大きななめらかな領域をより効率的にモデル化でき、境界アーティファクトを減らします。結果は同じファイルサイズでより良い品質で、特に空、肌の色合い、ピントの外れた背景のようななめらかなグラデーション領域でそうです。
WebP は、最終的な圧縮ビットストリームに対して JPEG の Huffman 符号化より効率的なエントロピー符号化(算術符号化)も適用します。これは予測モデルとは独立に、追加のサイズ削減に貢献します。
実際のサイズの違い
写真や複雑な画像では、WebP は同等の知覚品質で JPEG より通常 25〜35% 小さいです。一部の内容タイプ——特に大きななめらかな領域のある画像——では、違いが 40% 以上になりえます。マクロ写真や粒子の多い画像のような非常に詳細でノイズの多い内容では、利点が狭まります。
WebP は可逆圧縮(ピクセル正確な出力のため)とアルファ透明度(透明な領域のある画像のため)もサポートします。可逆 WebP は複雑で多様な内容の画像では PNG より小さいことがしばしばですが、PNG は非常に単純な平坦色のグラフィックで勝てます。
WebP か JPG か:素早い判断
WebP はすべての現代のブラウザで動きます——世界の利用の約 97% ——ので、ウェブそのものには間違った選択であることはまれです。例外はほとんどウェブの外で、古いまたは専門的なソフトウェアがまだ JPEG を期待するところです。
| 文脈 | 使うもの | 理由 |
|---|---|---|
| ウェブとアプリの画像 | WebP | 25〜35% 小さく、約 97% のブラウザが対応 |
| メールキャンペーン | JPG | ほとんどのメールクライアントは WebP を描画しない |
| 印刷の納品 | JPG か TIFF | WebP はウェブ専用形式 |
| ストックサイトとマーケットプレイス | JPG か PNG | 多くがまだレガシー形式を要求 |
| 最大の圧縮 | AVIF | WebP より約 30〜50% 小さい |
WebP が正しい選択でないとき
技術的な利点にもかかわらず、WebP には本当の制約があります:
- メールクライアント: ほとんどの主要なメールクライアント——Apple Mail、Outlook、Gmail デスクトップ——は WebP をサポートしません。画像がメールの HTML に現れる必要があるなら、JPEG か PNG を使います。メール内の WebP は、かなりの割合の受信者に壊れた画像として表示されます。
- 一部のネイティブアプリと SDK: 画像がモバイルアプリ、API 応答、サードパーティ統合で消費されるなら、使う前に WebP サポートを確認します。ライブラリと SDK には WebP デコーダーがないことがあります。
- 古い CMS プラグインと画像エディター: WordPress プラグイン、Photoshop、Lightroom、Figma の一部の古いバージョンは、WebP のサポートが限られているかありません。ツールチェーンを確認してください。
- 印刷ワークフロー: 印刷サービス提供者は通常 JPEG、TIFF、PDF を期待します。WebP はウェブ形式で、印刷の納品には適しません。
- 最大圧縮の優先: ファイルサイズが最優先の関心事で、符号化速度が制約でないなら、AVIF は同等の品質で WebP を通常 30〜50% 上回ります。
WebP 対 AVIF:いつさらに進めるかを知る
AVIF はより新しく、ほとんどの内容タイプで WebP より良い圧縮を達成します。現代の視聴者を想定して 2026 年に新しいプロジェクトを作るなら、WebP フォールバック付きの AVIF(
JPEG を WebP に変換する
PhotoTools は何もサーバーにアップロードせず、ブラウザ内で JPEG と PNG ファイルを WebP に変換します。画像を入れ、出力形式として WebP を選び、品質スライダーでサイズと品質の正しいバランスを見つけます。ほとんどの写真で、WebP の品質 78〜82 は、通常の表示サイズで元の JPEG と視覚的に見分けがつかず、はるかに小さい出力を生みます。
変換されたファイルを 100% ズームではなく表示サイズで比較してください。個々のピクセルに拡大すると大きく見える違いは、ウェブページで実際にレンダリングされる幅ではしばしば見えません。