JPEGは世界で最も広く使われている画像フォーマットです。ウェブ上のほぼすべての写真、ソーシャルメディアで共有されるすべての画像、スマートフォンに保存されたすべての写真はJPEGか、かつてJPEGでした。しかし、ほとんどの人はJPEG圧縮が実際にどのように機能するのか、品質スライダーが何を制御するのか、またはPNGやWebPの代わりにJPEGを選ぶべきタイミングがいつなのかを知りません。このガイドではこれらすべてをわかりやすい言葉で説明します。
JPEG圧縮の仕組み:DCTの解説
JPEGは離散コサイン変換(Discrete Cosine Transform、DCT)という技術を使って画像データを圧縮します。このプロセスはいくつかの段階で機能します。まず、画像は8×8ピクセルのブロックに分割されます。次に各ブロックを分析して明るさと色のパターン、特にブロック全体での値の変化の速さ(「周波数」と呼ばれる)を見つけます。
DCTは各ブロックを周波数成分のセットに変換します。低周波は滑らかな空のグラデーションのような緩やかな変化を表します。高周波はシャープなエッジや細かいディテールを表します。重要な洞察は、人間の視覚が高周波のディテールよりも低周波情報にはるかに敏感であることです。JPEGはこれを利用します。低周波成分は完全な精度で保持し、高周波成分は積極的に切り捨てたり丸めたりします。丸め込みが積極的であるほど、ファイルは小さくなりますが、より多くのディテールが失われます。
DCTステップの後、2番目の圧縮段階(ハフマン符号化)がさらなる品質損失なしにデータをさらに圧縮します。これがJPEGエンコードの可逆部分です。
品質設定が実際に制御するもの
ほとんどのJPEGエンコーダーは0から100の品質設定を提供します。この数値は量子化テーブルを制御します。本質的には、エンコード前に高周波DCT成分をどれほど積極的に丸め込むかを決定します。品質100はほとんど丸め込みがないことを意味します。ファイルは大きいですが、元のファイルとほぼ同一に見えます。品質1は非常に積極的に丸め込み、色がにじみ、画像は色とりどりの正方形のモザイクのように見えます。
品質とファイルサイズの関係は線形ではありません。95から85に下げると、ほぼ見た目の変化なしにファイルサイズを半分にできることがあります。85から60に下げるとサイズはさらに小さくなりますが、エッジや滑らかなグラデーション周辺に目に見える圧縮アーティファクトが現れ始めます。
品質レベル比較:60、75、85、95
一般的な写真を圧縮する際の一般的な品質設定で期待できることを以下に示します:
| 品質 | 典型的なファイルサイズ | 視覚的品質 | 最適な使用ケース |
|---|---|---|---|
| 95 | 非常に大きい(元の約80%) | 優秀、可逆に近い外観 | アーカイブ、再編集用ソースファイル |
| 85 | 大きい(元の約40%) | 非常に良い、通常の表示サイズではアーティファクト不可視 | 高品質なウェブ公開、ポートフォリオサイト |
| 75 | 中程度(元の約20%) | 良い、近くで見るとわずかなアーティファクト | 一般的なウェブ使用、ブログ投稿、ソーシャルメディア |
| 60 | 小さい(元の約10%) | 許容範囲、滑らかな領域で目立つアーティファクト | サムネイル、プレビュー、帯域幅制限配信 |
ほとんどのウェブ画像では、75から85の間の品質が最適なポイントです。画面解像度で視覚的にシャープに保ちながら、元のファイルより大幅に小さいファイルを得ることができます。
JPEGアーティファクトの理解
JPEG圧縮はアーティファクトと呼ばれる特定の種類の視覚的劣化を引き起こします。最も一般的なのは「ブロッキング」です。特に空や肌のトーンのような滑らかなグラデーションで、8×8ピクセルブロックの輪郭が見えます。もう一つのアーティファクトは「リンギング」で、シャープなエッジの周囲にかすかなハローを作ります。品質が70を下回るとどちらも目立つようになります。
アーティファクトは累積します。JPEGを開いて100未満の品質で再保存するたびに、既存のアーティファクトの上に新しい層が追加されます。画像を繰り返し編集する必要がある場合は、可逆形式(PNGまたはTIFF)で作業し、最終ステップでのみJPEGとしてエクスポートしてください。
JPEG vs PNG:どちらを使うべきか
JPEGとPNGの選択は画像のコンテンツによって異なります:
JPEGを使用する場合:写真、数百万色の複雑なシーン、ピクセル精度よりファイルサイズが重要な画像。人物、風景、食べ物、製品の写真はすべてJPEGの理想的な候補です。
PNGを使用する場合:ロゴ、スクリーンショット、イラスト、図、テキストやシャープな幾何学的形状、透明度を含む画像。PNGは可逆なので、すべてのピクセルを正確に保存しますが、写真コンテンツではファイルが大幅に大きくなります。
JPEG vs WebP:切り替え時が来たか?
WebPは通常、同じ視覚品質でJPEGよりも25〜35%小さいファイルを生成します。また透明度もサポートしています(JPEGはできません)。WebPのブラウザサポートは現在ほぼ普遍的なので、新しいウェブプロジェクトではWebPをデフォルトにする価値があります。
とはいえ、JPEGはメールクライアント、古い編集ソフトウェア、一部の印刷ワークフローではより良くサポートされています。ダウンストリームの互換性が不明な場合は、JPEGの方が安全な選択です。
既存のJPEGを小さいファイルに圧縮したり、JPEGをWebPに変換したりするなど、フォーマット変換を無料のオンラインツールで行うことができます。
最良のJPEG圧縮結果を得るためのヒント
可能な限り高品質のソースから始めてください。すでに圧縮されたJPEGを圧縮するとアーティファクトが重なります。スマートフォンで撮影した場合は、スクリーンショットや共有されたコピーではなく、元のファイルを使用してください。
圧縮する前にサイズを変更してください。品質85で圧縮された4000×3000ピクセルの画像は、品質85の1200×900バージョンよりもまだはるかに大きなファイルです。サイズを小さくする方が、品質設定を下げるよりも効果的なことが多いです。
適切なツールを使用してください。多くのオンライン圧縮ツールではダウンロード前に圧縮結果をプレビューできるので、ファイルをできるだけ小さく保ちながら見た目が良い品質レベルを見つけることができます。