在 WordPress、Shopify 和 Wix 中使用 WebP 图片
各平台如何处理 WebP,以及什么时候需要自己转换图片。
在质量相同的情况下,WebP 图片比 JPG 和 PNG 更小,所有主流浏览器也都能显示。要不要自己转换图片,取决于你用的平台,因为有些平台已经替你做了。本文反映的是撰写时各平台的情况;平台会更新,如果你发现有所不同,请查看它们最新的帮助页面。
WordPress
从 5.8 版本起,只要服务器的图像库支持 WebP,WordPress 媒体库就可以上传 WebP。上传后,WebP 在文章、页面和大多数主题中的用法与其他图片一样。WordPress 本身不会把你上传的 JPG 转换成 WebP,这项工作由图片优化插件或主机服务商完成。
适合自己转换的情况:你想要更小的文件又不想多装一个插件,或者你要批量上传一批新图片。上传前先用 JPG 转 WebP 处理一下。只有当你的主题对 WebP 透明背景渲染不好时(这种情况很少见),才需要给 Logo 保留 PNG。
Shopify
无论你上传的是什么格式,Shopify 的图片 CDN 都会自动向支持的浏览器提供 WebP 等现代格式。上传的格式不如上传的大小重要:一张 5 MB 的商品照片,仍然是从 5 MB 开始处理的。Shopify 也可以直接上传 WebP。
适合自己转换的情况:出于格式原因需要自己转换的情况很少。更值得做的是在上传前把商品照片的长边调整到 2000 到 2048 像素左右,这样放大查看时依然清晰,又不浪费空间。
Wix
Wix 会自动优化上传的图片,并向支持的浏览器提供 WebP。和 Shopify 一样,上传合理的尺寸比自己转换格式更重要。
适合自己转换的情况:你需要一个在 Wix 以外使用的 WebP 文件,或者对于图片特别多的页面,网站编辑器自带的优化还不够。
WebP 还会出现在哪些地方
- Squarespace、Webflow 和大多数现代建站工具都支持上传 WebP,很多还会自动转换。
- 电子邮件简报是个例外:邮件客户端对 WebP 的支持仍然参差不齐。邮件里请用 JPG 和 PNG。
- 电商平台和上传表单经常拒绝 WebP。在其他地方发布的内容,请保留 JPG 版本。
WebP 打不开时
有时问题正好相反:你从网站下载了一张 WebP,结果旧程序、打印店或者表单都不接受。用 WebP 转 JPG 转换回来即可;如果图片有透明背景,就转成 PNG。
适用于任何平台的简单流程
- 把图片调整到它们会显示的最大尺寸。
- 如果平台不会自动转换,就以质量 80 转换成 WebP。
- 把原图保存在一个文件夹里,以便平台或主题变化时重新导出。