我使用ShortPixel Image Optimizer插件来优化网站图像，因为它能生成显示质量高、存储小的avif格式的图像（价格便宜），对优化网站加载速度大有好处！
为什么需要avif格式？
目前图片的最佳格式是avif。估计大部分读者都知道webp图片比jpg要好，而对于avif可能比较陌生。Avif是由亚马逊、谷歌、奈飞等巨头联合创建的AOMedia组织在2019年发布的，相对于webp来说，多数情况下avif格式的图像在质量和存储大小两个方面都要优于webp（文末有我自己以前专门做过测试的数据，感兴趣可以仔细比对）。
在如今各种屏幕的设备像素比（DPR）普遍是2、3的情况下，宽度1200px+的大尺寸图片经常在手机端被加载，所以此时图片存储大小的优化对于加载速度而言非常重要！
另外，现代浏览器能够根据html标记或请求响应标头，综合考虑图片大小、网络环境等因素，自动选择最合适的图片。Avif在同等尺寸下的存储最小，最有可能被选择。
Avif格式的浏览器覆盖率
从caniuse.com的统计可以看到，目前国外主流浏览器全部支持avif格式，用户覆盖率大概为93.29% ；而老大哥webp的用户覆盖率大概也才96.45% 。所以在2024年及以后，为了网站加载速度更快，我建议大家全都提供一份avif格式的版本。
当然，最佳方案是——除了图片原有格式外，最好同时提供webp、avif两种格式供浏览器自动选择加载。
为什么选择ShortPixel？
就像文章开头说的，它能生成avif/webp格式图片且费用便宜。和wordpress应用市场中好多个能生成aivf格式的知名插件做过对比，shortpixel是唯一能够按图片优化数量收费的插件（提供One-time套餐），且定价低，$19.99能转换3万次（扣点的逻辑是：原图和每张缩略图优化都分别计1次，每张原图和缩略图转换成webp和avif也分别计1次）。以每张图片生成7张缩略图来计，大约能优化1200多张上传的图片——应该足够大部分网站用了。
另外，ShortPixel还有另一个优点：图片的优化过程是在他们的云端服务器处理的，优化好后再下载回我们自己的服务器。这样就避免咱们网站服务器的资源消耗，不会影响网站正常运行。
购买了套餐后，先到wordpress应用市场中安装ShortPixel Image Optimizer插件（注意不要装错装成ShortPixel Adaptive Images插件——通过CDN提供优化后的图像，按流量计费，不划算）。然后到API Keys界面复制KEY，粘贴到shortpixel插件设置界面的API填写框中。
ShortPixel插件设置
因为我操作的是电商网站，图片需要保持高质量的画质，所以压缩类型选择的是Glossy（平衡模式）——大家最好自己到shortpixel官网首页上传图片测试比较后再选择满足自己需求的压缩类型。
Lossy —— 有损压缩 ；Glossy —— 平衡压缩 ； Lossless —— 无损压缩
General界面的选项全部启用。最后一项Resize large images推荐填2k尺寸2560×1440，这样页面banner图片在主流2k屏幕分辨率下也能有较好的显示效果。
在Advanced界面，勾选 Create AVIF versions 。其他配置如下图。
在配置传递下代图片选项时，我推荐使用第二种方法“Without altering the page code (via .htaccess)”，因为第一种方法可能会对页面CSS样式造成影响。但是只有当下方显示绿色的can时才有效。假如你跟我一样用的 Cloudways 主机，启用主机的WEBP Redirection功能即可显示绿色can。
Png转jpeg这个功能就别启用了，因为我们很多时候就是需要png格式的透明底图片。
下方的排除项按实际需求勾选。要是不懂，空着即可。
最后拉到最底下，点击Save Changes保存。
图片优化插件是每个网站都需要吗？
基本是的。每个商业网站应当重视页面加载速度，而图片优化是其中非常重要的一项。
即使你不需要avif这种高压缩比的图片格式，也应该安装图片优化插件。因为在图片上传到wordpress图像库的时候，系统会自动帮我们创建不同尺寸的缩略图，并写入html的srcset属性中，以实现在不同视口大小的屏幕上加载合适尺寸的图片。然而，即便你已经在电脑本地用PS或其它在线压缩网站对图片质量进行了压缩，这些自动创建的缩略图依然是未被压缩过的，存储大小甚至可能比已经过压缩的原始图片还要大。所以此时务必需要一个图片优化插件来优化缩略图。
那安装了图像优化插件后，在初次上传图片时，应该上传原始大小的图片还是经过压缩的图片呢？
我之前用带网格花纹的产品图片做过测试，上传原图会更好一点，在转变格式后能够保留更多的细节。不过，当原始图片太大（单张好几M），上传速度可能会很慢，网络不佳时甚至上传失败，这时可以先压缩一道再上传。
以下是同一张图的不同尺寸、压缩与否的6张变体图片测试后的结果：
依据此次测试的结果得出的结论：
1. 优先上传原图到网站；
2. 压缩模式采用平衡模式；
3. avif压缩率显著优于webp，画质与图片分辨率等有关；
4. 透明背景png图与jpg图在avif格式中大小差异非常小；
5. 转为avif格式，原图jpg和png转avif后的体积基本相同；转为webp格式，原图jpg转avif后的大小比png转avif要明显小很多！
6. 压缩图转avif与原图转avif在体积上基本无区别；压缩图转webp在平衡模式下要大很多，在有损模式下无区别；
7. shortpixel的压缩性能比其他免费网站的要好一些。