一、简介
AVIF 图片的兼容性如下:
| 平台 | avif | webp | jpg、png |
| 微信小程序-Android | 支持 | 支持 | 支持 |
| 微信小程序-iOS | 支持 | 支持 | 支持 |
| Chrome 浏览器 | 支持 | 支持 | 支持 |
| Android 系统 | Android12以上版本支持 | Android4.3以上版本支持 | 支持 |
| iOS 系统 | iOS16以上版本支持 | iOS14以上版本支持 | 支持 |
| Windows 系统 | Windows10以上版本支持 | 不支持 | 支持 |
注意:说明:
注意:腾讯云数据万象提供集成 AVIF 解码器的 iOS、Android 终端 SDK,可帮助你快速接入和使用 AVIF。
二、费用相关
AVIF 图片压缩属于图片高级压缩能力,关于图片压缩费用,请参见 图片高级压缩费用。
三、前提条件
·已登录 数据万象控制台,并开通数据万象服务。
·已创建和绑定存储桶,详情请参见 存储桶操作。
·已 开通图片高级压缩 功能。
四、操作说明
这篇提供两种使用方式达到降本增效的效果,两种方式各有优劣,可根据自身业务情况进行选择。
方式一:访问图片时实时压缩,提高访问速度、降低访问带宽;
方式二:上传图片时实时压缩,减少压缩次数,访问压缩图片时可以提高访问速度、降低访问带宽。
五、方式一:访问图片时实时压缩
1. 获取图片在 COS 中的 url 链接;
2. 访问图片链接时,在链接后面,添加 avif 压缩参数:imageMogr2/format/avif,参数与链接之间用 ? 连接;
3. 假设原图链接为:https://example-1250000000.cos.ap-shanghai.myqcloud.com/test.png,则压缩后图片的访问链接为:https://example-1250000000.cos.ap-shanghai.myqcloud.com/test.png?imageMogr2/format/avif
如果你使用了 CDN 分发图片,可以在 COS 控制台 中的域名与传输管理页面,开启图片自适应压缩功能,开启后系统会根据 accept 请求头自动判断终端是否支持 avif 格式的图片,若支持则进行实时压缩,不支持则返回原图。
六、方式二:上传图片时实时压缩
你可以通过在 COS 的上传接口 PUT Object 中添加图片处理请求头,来进行压缩上传,详情请参见 图片上传时处理。
七、优劣对比
| 方式 | 优势 | 劣势 |
| 下载时压缩 | 1. 接入便捷,无需大的开发2. 按需压缩,按量付费,无访问时不会产生额外的成本 | 针对图片数量多,访问频次低的场景,压缩费用可能高于节省的流量费,建议用户通过 CDN 分发图片。 |
| 上传时压缩 | 一次压缩永久保存,访问时无额外压缩费用 | 1. 如果原图与压缩图各存一份,短期内是通过存储换计算的节省方式,但存储费用长期存在,长期来看存储的费用将高于压缩费用。2. 如果仅保存压缩图,avif 格式没有 jpg、png 等格式通用,在部分场景中可能存在无法预览的情况。 |