AVIF图片通常比JPEG和PNG体积更小,适合用于文章配图、产品图片和网站横幅。WordPress 6.5及以上版本已支持上传AVIF,但服务器仍需具备相应的图像处理能力。
一、使用AVIF需要满足什么条件
使用前先确认以下环境:
- WordPress版本不低于6.5
- 服务器的GD或Imagick支持AVIF
- 网站使用HTTPS
- 浏览器能够正常显示AVIF
- 主题及图片优化插件没有拦截该格式
可进入WordPress后台的“工具→站点健康→信息→媒体处理”查看图像处理组件。也可以向主机服务商确认GD或Imagick是否支持AVIF。
二、如何上传AVIF图片
环境满足要求后,进入“媒体→添加新媒体文件”,直接上传.avif文件即可。上传完成后,可以像使用JPEG图片一样将其插入文章或页面。
如果出现“不允许上传此文件类型”或“服务器无法处理图像”,建议依次检查:
- WordPress是否已升级到6.5或更高版本
- GD或Imagick是否支持AVIF
- 安全插件是否限制AVIF文件
- 图片是否损坏或扩展名是否错误
不要只通过修改MIME类型强制上传。服务器无法处理AVIF时,WordPress可能无法生成缩略图。
三、AVIF兼容性注意事项
目前主流新版浏览器基本能够显示AVIF,但旧版浏览器、邮件客户端和部分第三方平台仍可能不支持。
网站使用AVIF时建议保留以下措施:
- 重要Logo优先使用SVG、PNG或WebP
- 社交分享图片保留JPEG版本
- 上传后检查桌面端和移动端显示效果
- 不要立即删除原始JPEG或PNG文件
- 使用CDN时确认其支持AVIF缓存和响应
如果网站需要兼容较旧的访问环境,可以通过picture元素同时提供AVIF和JPEG回退图片:
<picture>
<source srcset="image.avif" type="image/avif">
<img src="image.jpg" alt="图片说明" width="1200" height="800">
</picture>
浏览器不支持AVIF时,会自动加载JPEG图片。
四、配置图片自动转换
如果不想手动制作AVIF,可以安装支持下一代图片格式的优化插件。常见方案包括ShortPixel(直达官网)、Imagify、EWWW Image Optimizer和Converter for Media等,但不同版本及套餐支持范围可能不同。
基本配置流程如下:
- 备份网站文件和数据库
- 安装并启用图片优化插件
- 选择生成AVIF格式
- 开启保留原图或回退图片
- 先转换少量测试图片
- 清理页面缓存和CDN缓存
- 检查前台图片、缩略图及移动端显示
插件可能在服务器本地转换,也可能将图片发送到外部服务处理。涉及商品图、内部资料或用户上传内容时,应先查看插件的数据处理方式。
五、是否需要把全部图片转成AVIF
不建议上线后立即批量转换全部媒体文件。更稳妥的方法是先处理新上传图片,再根据效果逐步转换历史图片。
转换后重点比较:
- 图片体积是否明显下降
- 画质是否满足展示要求
- 首屏加载速度是否改善
- 缩略图是否生成完整
- 分享图片是否能够读取
- 关闭插件后图片是否仍能显示
批量转换前必须保留原图和完整备份,避免插件配置错误导致媒体库图片失效。
六、常见问题
1、WordPress上传AVIF提示格式不支持怎么办?
先确认WordPress版本不低于6.5,再检查服务器的GD或Imagick是否具备AVIF支持。仅添加MIME类型不能解决服务器无法处理图片的问题。
2、AVIF一定比WebP更好吗?
不一定。AVIF通常具有较高的压缩效率,但编码速度、图片类型和服务器支持情况都会影响实际效果。应以网站中的真实图片测试结果为准。
3、转换后可以删除原始图片吗?
不建议立即删除。原图可用于兼容回退、重新生成缩略图和故障恢复,确认网站长期运行正常后再决定如何清理。
4、为什么上传成功却没有缩略图?
常见原因是服务器能够识别AVIF文件,但GD或Imagick无法完成尺寸调整。需要升级图像处理组件,或改用支持AVIF转换的图片优化服务。
相关阅读:
《WordPress网站WebP和AVIF两种图片格式对比》
《WordPress图片压缩插件怎么选?ShortPixel、Imagify、Smush和EWWW全面对比》
分类:新闻资讯
标签:wordpress