张洪Heo
·
实现全站图片使用avif格式，替代臃肿的webp教程
💡
原文中文，约3400字，阅读约需9分钟。
📝
内容提要
本文介绍了AVIF格式的优势和使用方法，包括转换图片、显示图片和判断浏览器支持。作者提供了使用EO平台和COS+数据万象+CDN两种方法来显示AVIF格式的图片。同时，还介绍了使用FFmpeg和ImageMagick转换图片为AVIF格式的方法。
🎯
关键要点
- AVIF格式具有显著的体积优势，已在博客全站实现。
- AVIF格式的图片体积明显小于WebP格式。
- 使用EO平台可以通过添加参数显示AVIF格式的图片。
- COS+数据万象+CDN支持将图片压缩为AVIF，但需额外费用。
- 可以使用FFmpeg将图片转换为AVIF格式，需安装FFmpeg并使用特定命令。
- ImageMagick也可以转换图片为AVIF格式，但需安装libheif库。
- 可以使用JavaScript判断浏览器是否支持AVIF格式，并在不支持时替换为WebP格式。
➡️
