网站图片太大怎么办？把PNG转成WebP试试

最近看网站后台的时候，经常会遇到一个很简单但很影响体验的问题：文章没写多少，图片倒是很大，页面打开时明显变慢。

这种情况不一定是服务器慢，很多时候只是图片没有处理。尤其是手机截图、软件界面截图、带透明背景的 PNG，随便一张就可能有几 MB。

怎么办？

上传前先压缩，能转 WebP 的图片就转成 WebP。

如果只有几张图，用常见的图片工具导出 WebP 就可以。如果是一批截图，建议先统一命名，再批量转换，避免后面找不到对应图片。

如果电脑里已经装了 WebP 工具，也可以直接用命令行转换：

cwebp -q 82 input.png -o output.webp

这里的 82 是质量参数，不是越高越好。一般截图类图片放在 75 到 85 之间就够用，体积和清晰度比较均衡。

转完以后不要急着全部上传，先打开几张看看：文字有没有发糊，透明背景有没有变黑，颜色有没有明显不对。确认没问题以后再替换到网站里。

最后还有一个小细节，文件名和 alt 文字尽量写清楚。比如不要只叫 1.webp、2.webp，可以写成 mac-dns-cache.webp 这种能看懂的名字，后面维护起来会省很多事。

简单总结一下：原图留一份，发布图用 WebP；先看体积，再看清晰度，不要只追求压缩率。