在外贸建站的教程中，经常会有把图片转WebP格式的建议，为什么要转？怎么转？什么情况下不应该转？这篇文章一次性讲清楚。
什么是WebP？
WebP是谷歌推出的图像格式，最初的目标是减小网页图片的体积，从而提高网页加载速度。
- 2010年，WebP首发，Chrome浏览器率先提供原生支持。
- 2012年，WebP完成核心能力迭代，完整支持有损、无损、透明通道与动图。
- 2020年，微软Chromium内核的Edge浏览器和苹果的Safari浏览器开始原生支持 WebP.
- 2024年，WebP被纳入互联网标准化文档，脱离 “谷歌私有格式” 标签，成为国际通用图像标准。
为什么要转WebP格式？怎么转？
图片转WebP格式是为了减小网页图片的体积，从而提高网页加载速度，真实访客和搜索引擎（SEO）都喜欢更快的加载速度。
图片转WebP格式的工具有很多，我日常用的是这个免费免注册的网站：https://picshift.app/zh
不转WebP格式的情况
业务需要
如果你的产品是画作或者绣品之类，首先要保障图片的细节足够清晰（你的客户更在意这个），不能为了提高加载速度去将缩小图片尺寸或者转格式。
文件体积本来就很小
如果你的JPG、PNG图片文件体积本来就很小（≤50KB），不需要刻意转换成WebP格式。网站的站点图标、LOGO通常都在50KB以内，都不用特意转WebP格式。
其它减小文件体积的方法
在WebP发展的同时，传统JPG、PNG图片的压缩技术也在不断升级，这些传统的图片格式兼容性更强——完美适配老旧设备、低版本浏览器，如果你的客户群体来自传统行业，从业人员年龄偏大，或者来自政务、银行系统，久久不更新设备，这也是需要考虑的。
我经常在这两个网站为压缩图片，效果也不错：
转WebP不一定能让文件变小
这张图片原本是874KB的JPG格式，按照100%质量转WebP后，变成2.3MB了，按照90%质量转WebP，也有1.3MB。这就违背减小图片体积的初衷，反而会拖慢加载速度。
国内网站
不是所有国内网站都不转WebP格式，但我自己的中文网站，并没有做图片压缩和转格式。因为：
- 图片都是与建站相关的电脑屏幕截图，图片原始文件的体积本来就小。
- 服务器在广州，访客全部都是国内的，不用考虑跨境访问的网络延迟问题。
- 目标客户集中在一二线城市，大多通过电脑访问（有线网络），网络基础条件较好。
当然，如果有时间和精力，转WebP格式以减小图片体积可以获得更快的加载速度，但是这个时间和精力也可以用在其它地方，比如写更好的建站教程，这个需要自己取舍。
要不要安装WebP插件?
WordPress有很多免费、付费的WebP插件，比手动转换更高效，但是在外贸B2B建站项目中，不建议盲目安装WebP插件。根本原因是：质量不能保证。
同样是将图片转换为WebP格式，相比WP插件，在线工具有更多选择，转换质量更好——相同清晰度的情况下，文件体积更小。
大多数WP插件只能给整站图片设置一样的压缩效率，这个其实不太能满足真实的业务需求，有的图片会太模糊，有的图片体积会太大。最好是自己用在线工具转WebP格式后，肉眼观察清晰度和文件体积，确认合适再上传到Wordpress网站。
当然，这是因为我服务的客户大多是做B2B业务的，产品线很稳定，图片数量不多，没必要为此增加一款插件。如果要每天传产品、发文章，还是要借助插件的。
未来的图片压缩方案：AVIF
AVIF英文全称AV1 Image File Format，发布于2019年，它与WebP、HEIC均依托视频编码技术实现压缩，和专为静态图像设计的JPG、PNG分属不同的技术路线。
截止至2024年，四大主流浏览器（Chrome/Firefox/Safari/Edge）全部原生兼容 AVIF，中长期来看，它应该会成为主流的网页图像格式，只是还需要一些时间淘汰老旧设备——iOS15之前的苹果设备、2021年之前的安卓设备并不支持AVIF，我至今也还没有给客户选择这种方案。
AVIF是新一代视频编码 AV1 的衍生产品，而 AV1 由十几家巨头联合成立的 AOMedia 联盟开发，这个联盟成立的初衷是打造一套免专利费的通用视频编码标准，联盟成员承诺：全球任何人使用 AV1/AVIF 标准必需的核心专利，均可获得永久、免费、不可撤销的全球授权。
AOMedia联盟成员
- 流媒体平台：Netflix、亚马逊 Prime Video、YouTube（谷歌旗下）
- 芯片硬件厂商：英特尔、ARM、NVIDIA
- 浏览器厂商：谷歌、微软、Mozilla、苹果
- 通信终端厂商：思科、三星、华为
WebP vs AVIF
WebP出现的时间更早，普及程度更高，根据Can I use网站的统计，除了已经停止更新的IE浏览器，其它浏览器的最新版本都支持WebP。
直到2026年，Opera Mini, QQ Browser, KaiOS Browser最新版本的浏览器也不支持AVIF文件。不过这三款浏览器中，只有QQ浏览器有0.11%的市场占有率，另外两款基本无人使用。
总的来说，访客打开网站网页时，95.97%的访客能正常查看WebP图片，93.42%的访客能正常查看AVIF图片。
下载图片到本地的场景
Can I use上的统计只考虑网页浏览，并没有统计本地文件预览的情况，也没有考虑在常用软件中使用WebP、AVIF图片的情况。
在网页上浏览图片，只需要浏览器能解码WebP、AVIF，大多数用户对升级浏览器的接受度是比较高的，但是让用户升级设备的系统，阻力就要大很多，如果要把WebP、AVIF图片下载到本地查看和使用，还是很多不便之处。
各系统本地原生支持WebP/AVIF的时间
| 设备 | WebP | AVIF |
|---|---|---|
| 安卓手机 | 2011年 | 2022年 |
| Windows | 2018年（Win10 1809） | 至今都要手动装扩展 |
| 苹果 iOS/macOS | 2020年（iOS14 /macOS11） | 2022年（iOS16/macOS13）可查看， 至今不支持缩略预览 |
| Linux Ubuntu | 2022年 | 2023年 |
各软件支持WebP/AVIF的时间
| 软件 / APP 名称 | WebP 支持情况 | AVIF 支持情况 |
|---|---|---|
| Office/WPS 三件套 | 2021年 | 至今不支持 |
| 微信 | 2019年 | 移动端2023年，PC端至今不支持 |
| 2020年 | 至今不支持 | |
| Outlook/ Foxmail | 2020年 | 至今不支持 |
