画像圧縮は原理的には解決された問題ですが、間違った形式や品質設定を選択すると、帯域幅を無駄にしたり、サイトを遅くしたり、目に見えるアーティファクトを生成したりする可能性があります。主要な形式の仕組みと、それぞれをいつ使用するかについての実践的なガイドです。
非可逆 vs 可逆
すべての画像形式は2つのカテゴリのいずれかに分類されます。可逆形式は元のすべてのピクセルを保持します——デコードされた画像はソースとビット単位で同一です。非可逆形式は人間の目が感知しにくい情報を破棄し、ある程度の忠実性を犠牲にして、はるかに小さなファイルサイズを実現します。
どちらを選ぶかは使用例によって異なります。写真やグラデーションは非可逆圧縮に耐性があります。通常の表示サイズではアーティファクトが目立ちにくいためです。スクリーンショット、テキスト、ロゴ、鮮明なエッジを持つグラフィックは、鮮明さを保つために可逆エンコードが必要です。
JPEG：ユニバーサルスタンダード
JPEGは30年にわたってウェブ上の支配的な画像形式でした。離散コサイン変換に基づく非可逆圧縮アルゴリズムを使用しています——ビデオコーデックで使用されるのと同じ技術です。エンコーダーは画像を8x8ピクセルのブロックに分割し、各ブロックを周波数空間に変換し、人間の目が鋭く知覚しない高周波情報を破棄します。
強み： ユニバーサルなブラウザサポート、写真の優れた圧縮、調整可能な品質。
弱み： 透明性の非対応、低品質でのブロック状アーティファクト、テキストやグラフィックの圧縮が不十分。
最適な用途： 写真、複雑なグラデーション、ソーシャルメディア画像、ファイルサイズよりも互換性が重要な状況。