WordPress 6.5 版本新增了对 AVIF 格式的全面支持。AVIF 是一种现代图片格式，相较于传统的 JPEG、PNG 等格式，它在图片质量和压缩效率上都有显著提升。此外，AVIF 图片支持广泛的颜色范围（包括 HDR），并且在高细节区域呈现出比 JPEG 图片更清晰的效果。
WordPress 6.5 支持 AVIF
从 WordPress 6.5 版本开始，可以像使用 JPEG 或 PNG 图片一样，轻松上传和使用 AVIF 图片。当然，前提是您的主机环境支持 AVIF。通过将图片格式转换为 AVIF，可以显著提升网站的性能，改善访客的体验。
AVIF 带来的优势
- 图片体积显著减小，页面加载速度更快，传输带宽更少。AVIF 图片可以比 JPEG 图片小高达 50%，同时保持同等的图片质量。
- AVIF 图片充分利用 WordPress 默认支持的响应式图片、提取优先级和延迟加载等功能。
- 几乎所有主流浏览器都支持 AVIF 格式，因此大多数网站都可以立即开始使用。
创建 AVIF 图片
可以使用许多图片编辑工具来导出 AVIF 格式的图片，也可以使用命令行转换工具或在线开源工具，如 Squoosh。将图片保存为 AVIF 格式后，只需上传到 WordPress 并像使用其他任何图片一样即可。此外，WordPress 还提供了自动创建 AVIF 图片的功能，有关详细信息，请参阅常见问题解答。
在 WordPress 中使用 AVIF 图片
AVIF 图片在 WordPress 中的使用方式与其他图片格式相同。但需要注意以下几点：
- WordPress 中的 AVIF 支持取决于您的 Web 服务器的图片处理库。您可以在 wp-admin 中的工具 -> 站点健康中查看 AVIF 支持情况。
- 如果网站浏览者还包括大量使用不受支持浏览器的用户，请谨慎使用 AVIF 图片或加载浏览器 polyfill。
使用浏览器缓存
建议在 WEB 服务器的配置文件中添加 AVIF 格式图片的浏览器缓存时间，以 Nginx 为例（最大缓存时间一年）：
location ~ .*\.(avif|webp|jpg|png|js|css)?$
{
expires 365d;
error_log /dev/null;
access_log /dev/null;
}这里指定了 WordPress 网站中的常见静态资源类型，还可以根据需要添加。如：svg、mp4等，注意用 | 符号分隔。
常见问题
问：如何调整生成的 AVIF 图片的压缩级别？
可以使用 wp_editor_set_quality 过滤器来设置质量设置，例如：
// 对于 AVIF 图像，使用 65 的质量设置。
function setup_avif_quality( $quality, $mime_type ) {
if ( 'image/avif' === $mime_type ) {
return 65;
}
return $quality;
}
add_filter( 'wp_editor_set_quality', 'setup_avif_quality', 10, 2 );问：可以在上传 JPEG 图片时让 WordPress 自动转换成 AVIF 图片吗？
可以使用 image_editor_output_format 过滤器为上传指定 AVIF 格式，如下：
// 上传的 JPEG 转为 AVIF
function zhanzhangb_image_editor_output_format( $formats ) {
$formats['image/jpeg'] = 'image/avif';
return $formats;
}
add_filter( 'image_editor_output_format', 'zhanzhangb_image_editor_output_format' );问：如果使用 WordPress 多站点，所有站点都支持 AVIF 图片吗？
默认暂不支持，目前正在改进此功能，未来版本可能会支持。但可以通过使用 site_option 过滤器来确保多站点上的所有现有站点都允许 AVIF 文件的上传。
// 让多站点中所有网站都支持 AVIF。
function filter_site_option_upload_filetypes( $filetypes ) {
$filetypes = explode( ' ', $filetypes );
if ( ! in_array( 'avif', $filetypes, true ) ) {
$filetypes[] = 'avif';
}
return implode( ' ', $filetypes );
}
add_filter( 'site_option_upload_filetypes', 'filter_site_option_upload_filetypes' );问：AVIF 相比 WebP 图片格式谁更好？
在比较 WebP 和 AVIF 时，很难说哪一个“更强”，因为在当下它们各有优点和适用场景。这篇文章也许能提供参考：《 如何选择 WordPress 网页中的图片格式？》
以上所有过滤器代码的添加方式可参考：《 functions.php替代者：WPCode Pro 插件使用教程 》，并选择“到处运行”。