实用指南
压缩图像:质量、尺寸与格式
分清压缩、调整尺寸和格式转换各自的作用,并在把图像用于网页之前检查结果。
三种不同的调整
压缩作用于数据量,有时也会影响画质;调整尺寸改变的是像素数量;转换改变的是文件格式。不要把所有设置一起修改,先弄清真正的约束——文件大小上限、显示尺寸还是兼容性。
从约束出发选择操作
明确了约束,就不用到处乱改。显示宽度是瓶颈就优先调整尺寸,体积是瓶颈就优先压缩,目标环境不支持才是格式问题。
循序渐进的工作流
先复制一份图片,按显示需求设定宽度,并比较多档质量。检查细节和透明区域,然后测量输出大小。
保留原图与检查 EXIF
在结果获得认可之前保留原始文件。如果不希望公开位置或拍摄设备信息,请单独检查 EXIF 元数据。
选择格式
JPEG 仍常用于照片;PNG 适合透明和轮廓清晰的元素;WebP 和 AVIF 可以减小体积,但支持情况因设备和需求而异。与其假设某种格式永远更好,不如在目标浏览器里实际查看渲染效果。