画像を圧縮してファイルサイズを小さくしたのに、結果がぼやけて見えたり、ぼんやりしたり、ブロック状に見える。これは画像圧縮に関する最も一般的な悩みの一つです — そしてほぼ常に修正可能な根本原因があります。良い圧縮の目標は、オリジナルと同じに見えるファイルをはるかに小さいサイズで作ること。
JPEGとWebPの圧縮は、アルゴリズムが最も目立たないと判断した視覚情報を削除することで機能します。品質を低く設定しすぎると(70%以下)、削除しすぎてしまい — ぼやけ、にじみ、またはエッジや空/グラデーション領域の8×8ピクセルのブロックアーティファクトとして現れます。
修正方法:Web写真には75〜85%の品質を使用してください。80%は信頼できるデフォルトで、ファイルサイズを60〜80%削減しながら品質低下をほとんど感じさせません。
非可逆圧縮された画像(JPEG、WebP)を保存するたびに、アルゴリズムはさらに多くの詳細を削除します。視覚的な劣化が重なります。
修正方法:元のファイルは常に可逆フォーマット(PNG、TIFFまたはカメラRAW)で保存してください。JPEGへの圧縮は最終エクスポートのステップのみで、1度だけ行います。
JPEGは色の変化が緩やかな写真向けに設計されています。鋭いエッジ、テキスト、単色領域の処理が非常に苦手です。
修正方法:スクリーンショット、UIデザイン、テキスト入り画像にはPNGまたはWebP(可逆)を使用してください。JPEG または WebP(非可逆)は写真にのみ使用します。
800×600 pxの画像を圧縮して1600×1200 pxで表示すると、ブラウザは拡大しなければなりません。拡大すると必ずぼやけます。
修正方法:表示される解像度でエクスポートしてください。Retinaディスプレイには、CSSピクセル寸法の2倍でエクスポートします。
SNS、メールクライアント、CMSはアップロード後にサーバーで画像を再圧縮することがよくあります。Instagram、LinkedIn、Gmailは積極的な再圧縮で知られています。
修正方法:再圧縮するプラットフォームには最高品質版をアップロードしてください。逆説的に、より大きく高品質なファイルをアップロードする方が最終結果が良くなります。
| ユースケース | フォーマット | 品質 | 想定サイズ |
|---|---|---|---|
| Web写真(ブログ、ポートフォリオ) | JPEGまたはWebP | 80〜85% | 50〜200 KB |
| EC商品画像 | JPEG | 80〜85% | 150〜500 KB |
| SNSアップロード | JPEG | 90〜95%(高品質) | 500 KB〜2 MB |
| メール添付 | JPEG | 75〜80% | 50〜150 KB |
| スクリーンショット/UI | PNG | 可逆 | 100〜500 KB |
| 印刷(300 DPI) | JPEGまたはTIFF | 90〜95% | 1〜5 MB |
ImgMinのバランスプリセット(品質80%)は、ほとんどのユースケースで最適なサイズと品質のバランスを実現します。アップロード不要 — ファイルはプライベートに保たれます。
ImgMinを無料で試す →Web用途には75〜85%の品質が最適なポイントです — 知覚的には可逆に近いですが60〜80%小さくなります。印刷には90〜95%。メール添付には70〜80%で十分です。
JPEGとWebPは非可逆フォーマットです。非可逆圧縮された画像を保存するたびに、アルゴリズムはさらに多くの詳細を削除します。常に元のファイルを保存しておき、小さいバージョンが必要なたびに元画像から圧縮し直してください。
スクリーンショットには鋭いエッジ、テキスト、単色領域が含まれています — これはJPEGのDCT圧縮アルゴリズムが最も苦手とするものです。スクリーンショットとUIモックアップは常にPNGまたはWebP(可逆)として保存してください。JPEGは写真向けに設計されており、グラフィックスには向いていません。