画像圧縮の本当のコスト：画質・ファイルサイズ・フォーマットのトレードオフ
2026年10月1日
「この画像を圧縮して」と言うと、単純で予測可能な一つの操作のように聞こえますが、同じ圧縮設定でも、ある写真ではまったく分からないのに、別の写真では明らかに劣化して見えることがあります。これは、その裏にある数式が、画像に実際に何が写っているかによってまったく異なる反応を示すからです。その理由を理解すれば、公開する前に、圧縮したファイルが本当に十分な品質かどうかをはるかに判断しやすくなります。
非可逆圧縮と可逆圧縮の、本当の違いとは？
可逆圧縮（PNGなど）は、元のすべてのピクセルを正確に保持したままファイルサイズを縮小します。解凍すると、ビット単位でまったく同一の画像が復元されます。だからこそ可逆圧縮による削減幅は通常控えめです。情報を捨てずにファイル内に存在できる真に冗長なデータの量には、数学的な限界があるからです。非可逆圧縮（標準的なJPEGなど）は、アルゴリズムが人間の視覚には最も知覚されにくいと判断した情報を意図的に捨てます。これにより劇的に大きなサイズ削減が可能になりますが、一部のディテールは永久に失われ、解凍しても復元できません。
なぜ同じ圧縮率でも、ある写真では問題なく見えて別の写真ではひどく見えるのか？
非可逆圧縮のアルゴリズムは視覚的な冗長性を利用します。滑らかで似た色の広い領域（澄んだ空や単色の背景など）は、目に見えるアーティファクトがほとんどないまま非常によく圧縮されます。一方、細かいディテール、はっきりしたエッジ、文字を含む画像は、同じ設定でもはるかに目に見える形で圧縮されます。これは、閲覧者が実際に気づくディテールを捨てずにアルゴリズムが利用できる冗長性が少ないためです。肌のグラデーションを含むポートレート写真は、小さな文字を含むスクリーンショットよりも高い圧縮に耐えられます。だからこそ、「品質70%に圧縮」という単一の設定が、ある種類の画像では完璧に見えても、別の種類の画像では明らかにブロック状のアーティファクトを生み出すことがあるのです。
どんな画像で、JPEGではなくPNGを使うべきなのか？
PNGの可逆圧縮と透明度のサポートは、はっきりしたエッジ、文字、単色の領域を含むグラフィックや、透明度が必要な画像——ロゴ、アイコン、スクリーンショット、図解など——にとってより良い選択肢となります。JPEGの非可逆圧縮は、連続的な色のグラデーションと自然なディテールを持つ写真画像のために作られており、そこでは劇的なサイズ削減が可能で、捨てられた情報も実際にはほとんど知覚できません。写真にPNGを使うと、画質面での利点がほとんどないまま不必要に大きなファイルになります。逆に、はっきりした文字のエッジを含むロゴやスクリーンショットにJPEGを使うと、PNGなら完全に避けられたはずの、そのエッジの周りに目に見えるアーティファクトが生じることがよくあります。
WebPとは何か。実際に切り替える価値はあるのか？
WebPは、非可逆・可逆どちらの圧縮にも対応したより新しい形式で、同等の画質でJPEGやPNGよりも一般的に小さいファイルサイズを実現でき、しかも透明度とアニメーションの両方を単一の形式でサポートしています。ブラウザのサポートはほぼ普遍的なものになっており、これまでWebPの使用に対してあった歴史的な反対理由はなくなりました。主に残っている摩擦はワークフロー面です。一部の古いツール、メールクライアント、特定のプラットフォームでは、従来の形式ほどスムーズにWebPを扱えないことがあります。しかし、こと Web配信に関しては、WebPはもはや実験的な選択肢ではなく、本当に強力なデフォルトの選択肢になっています。
画像を圧縮しすぎたかどうかを、実際にどう判断すればよいのか？
目に見えるアーティファクトが最も分かりやすいサインです。滑らかなグラデーションであるはずの領域にブロック状のムラがある、細部がわずかにぼやけて「濁った」ように見える、滑らかであるはずの色の移り変わりに目に見える帯状の縞（バンディング）が現れる、といった症状です。実践的で有用なテストは、圧縮後の画像を実際に表示される大きさで確認することです（100%を超えて拡大すると、通常の閲覧サイズでは関係のないアーティファクトが誇張されてしまいます）。画像は、拡大して細部まで確認すると圧縮のアーティファクトが見えても、Webページ上の実際の表示サイズでは完全に問題なく見えることがあります。拡大表示に合わせて最適化することは、実際の閲覧者が決して恩恵を受けることのないファイルサイズを無駄にすることになります。