为什么压小和掉画质是两码事
压图片是减体积，掉画质是降清楚度。这两件经常一起出现，但不是一回事。改尺寸（砍像素）几乎不掉画质；压画质（降质量）才会损。把两件事分清，你就能压到最小还看着清楚。
- 改尺寸：减像素，画质基本不变
- 压画质：丢数据，体积更小但可能糊
- 换格式：WebP/AVIF 同样画质下更小
步骤一：先把尺寸改对
九成图片过大，是因为尺寸远超显示需要。一张 4000×3000 的照片，网页上只显示 1200px 宽，多余像素纯属浪费。先把尺寸改到接近显示宽度，体积立刻下来，画质几乎不变。
- 网页横幅：1600–1920px 宽够用
- 博客配图：800–1200px 宽
- 缩略图：400px 以内
步骤二：按需压画质
改完尺寸再压画质。JPG/WebP 用 70–85% 画质，多数眼睛看不出差别，体积却能小一半。PNG 选无损（压数据不损画质）。
- JPG：70–85% 画质最稳
- WebP：有损 75–90% 都好
- PNG：选无损
步骤三：换成更省体积的格式
照片用 WebP 比 JPG 小 25–34%，看着一样。要透明就用 WebP 或 PNG。AVIF 更新但兼容性略差。
- 照片 → WebP
- 透明图 → WebP 或 PNG
- 要最大压缩 → AVIF（新浏览器）
常见坑
几个容易把画质搞砸的做法，避开就好。
- 反复存 JPG：每次都重新损一点
- 硬把小图拉大：只会更糊
- 忘删 EXIF：隐私和体积都吃亏