你写文章配图，从设计稿导出一张2MB的PNG直接上传。打开网站图片要加载3秒。图片格式选错了，体积大十倍，客户都等不及。

JPEG、PNG、WebP分别用在哪

JPEG：适合照片、实拍图、复杂渐变图。体积小，有损压缩。你拍的空调清洗现场照片，存JPEG质量80%，人眼看不出区别，但体积只有PNG的十分之一。

PNG：适合图标、logo、有透明背景的图。无损压缩，但体积大。你网站的logo、菜单图标，存PNG。别把照片存成PNG。

WebP：新格式，同样画质体积比JPEG小30%-50%。现在浏览器都支持了。能转WebP就转WebP，网站速度直接快一截。

常见错误

第一，把照片存成PNG。一张4000x3000的照片存PNG有5MB，转成JPEG质量80%只要300KB。差十几倍。

第二，上传原图不压缩。你相机拍的照片是4000像素宽，文章显示区域只有800像素。上传之前缩到合适尺寸，再压缩。

第三，图标存成JPEG。JPEG不支持透明背景，你logo后面带白底，贴在彩色Banner上特别丑。logo和图标用PNG透明底。

怎么处理

免费CMS有图片优化插件，上传的时候自动压缩、自动转WebP。你上传什么格式都行，插件帮你优化好。

手动处理的话，用在线工具批量压缩。上传之前把图片宽度缩到1200像素以内，质量80%，体积基本都在200KB以内。

图片占网站流量的70%。把图片管好，网站速度直接上一个台阶。