Image Optimization
WebP 压缩画质崩了?质量参数怎么调
做独立站之后我把主图都转成 WebP,页面确实快了不少。但有阵子发现放大看边缘发糊,尤其是带文字的白底图,压缩完像蒙了层纱,客户截图来问是不是原图质量差。
后来才搞明白,问题不在格式,在质量参数。WebP 压缩有个质量档,默认给得比较激进,细节多的图直接压到 60 以下就糊了。我的习惯是先 80 起步,肉眼看出毛病再往下调到 75、70,直到体积和清晰度平衡。
判断标准很简单:把图放到 100% 看商品名和参数文字,字边缘不发虚就说明还能用。带渐变的图最容易翻车,这类我干脆用 85 以上,多占点体积总比被买家质疑强。
我一般在本地一次把整批图转完,转换和压缩一步到位,图片不用上传到谁的服务器上,图库还没建全的时候也不担心素材外泄。压缩完的图我习惯留一份原图备份,后面换平台或者重新调图还有退路。