PitaTools Guide
画像圧縮で画質と容量が変わる仕組み：公開前に見るべき箇所
不可逆圧縮と可逆圧縮の違い、再圧縮による劣化、画像別の確認ポイントを説明します。
容量を減らす2つの考え方
可逆圧縮は元の画素情報を戻せる形で整理し、不可逆圧縮は人が気づきにくい情報を一部省いて容量を減らします。PNGは代表的な可逆形式、JPEGの一般的な保存は不可逆圧縮です。WebPとAVIFは設定により特性が変わります。
圧縮率を上げるほど必ず良いわけではありません。公開時に必要な見た目を保てる範囲で、寸法と形式と品質を組み合わせます。
劣化が見つかりやすい場所
JPEGなどの不可逆圧縮では、細い文字、輪郭、高コントラストな境界、空や壁の緩やかなグラデーションに劣化が出やすくなります。顔写真では目や髪、商品写真ではロゴや小さな文字を拡大して確認します。
同じ画像を何度も開いて再保存すると、圧縮による変化が積み重なります。編集は元画像から行い、公開用ファイルを最後に1回生成する流れが安全です。
形式変換の前に寸法を見直す
大きすぎる画像は、品質を強く下げるより必要なピクセル寸法へ縮小した方が自然に容量を減らせることがあります。表示幅、スマートフォンの高密度表示、拡大用途を考えて出力寸法を決めます。
比較時は削減率だけでなく、変換後容量、寸法、透明部分、ブラウザ対応を記録します。実ページへ置いた状態で読み込み速度と見た目を確認して採用します。