先检查尺寸是不是根本用不到那么大
网页实际只显示 1200 像素宽,却上传了一张 6000 像素的 PNG,压缩算法再厉害也不如先缩尺寸有效。
先按真实展示尺寸导出一份,再看文件大小。
PNG 的优势也会带来体积
透明度、无损保存、复杂颜色都会让 PNG 变大。Logo、截图、文字图和透明素材很适合 PNG,但一整张摄影照片通常不是它的强项。
三种思路不要混在一起
一种是继续保留 PNG,只做无损或减色压缩;一种是改成 WebP;另一种是照片类直接考虑 JPEG。它们不是同一件事。
如果图片必须保留透明背景,就先排除普通 JPEG。
别覆盖唯一原文件
网页优化版可以大胆试,但原图留着。以后网站设计改尺寸、需要印刷或者重新裁切时,这一步会省很多麻烦。
判断压缩有没有过头
把压缩前后两张图用实际展示尺寸并排看,不要只在 400% 放大时挑像素差异。网页优化最终还是服务正常浏览;但文字边缘、透明阴影或渐变已经明显发脏,就应该退一点压缩强度。
如果一张图片既要放网页又要留作二次编辑,最好把“网站版”和“源文件”分开命名,后面就不会把已经压过的文件当原图继续加工。