共计 1826 个字符，预计需要花费 5 分钟才能阅读完成。
导语
微信小程序因其便捷的开发环境和人造的微信生态，使得越来越多企业平台通过小程序建设本人的业务。在小程序上应用图片十分宽泛，但传统格局图片（如 JPG/PNG）占用空间大，加载速度慢，可能导致低廉的图片流量收入。近年来，AVIF 图片以高压缩率、低劣画质成为省流量的新抉择。本文将介绍如何通过数据万象（CI，Cloud Infinite）的图片压缩能力，解决应用 AVIF 图片的疑虑，助力疾速降级小程序，节俭图片流量。
AVIF 简介
AVIF 是一种基于 AV1 编解码器的图片格式，绝对于 JPEG、WEBP 等图片格式来说，它具备更小的文件尺寸，更快的加载速度和更高的图像品质。AVIF 格局图片可能晋升用户应用体验，同时缩小加载工夫和流量耗费，其高质量的图像成果更是令人赞叹。因而，越来越多的网站和利用开始应用 AVIF 格局图片。但应用 AVIF 图片过程中可能会面临如下问题：
1. 格局转换问题
目前转换 AVIF 图片格式个别是通过在线转换工具或者 node 工具包实现，然而通常会面临转换成果不佳、门槛较高的问题；
2. 兼容性问题
AVIF 作为一种新的图片格式，许多设施可能无奈反对，它的兼容性是大家比拟放心的问题，目前仅在 iOS16、Android12 上失去原生反对。
3. 业务如何疾速接入
现有业务中图片可能基本上都是 JPG/PNG 格局，难道还须要本人手动全转为 AVIF 格局吗？有了数据万象，以上问题就无需再放心了！接下来让咱们一起看看，数据万象如何通过其弱小的图片压缩能力，解决应用 AVIF 图片的困惑！
数据万象 AVIF 图片压缩
数据万象提供 AVIF 图片压缩能力，采纳在线压缩的形式，无需革新已有业务模式，大幅升高散发流量老本，应用时只须要在已有的图片链接后，减少压缩参数，即可将图片压缩成对应格局的图片，格局转化接入不便，革新成本低。
此外还提供了图片自适应压缩配置能力，在 AVIF 图片压缩的根底上，解决前端兼容问题，适应图片在不同终端上的显示，依据终端能力展现最优图片格式，无需业务代码批改，无需思考新旧版本、各类终端差别，提供一站式图片压缩服务。
一. 筹备工作
1. 登录数据万象控制台，并开明数据万象服务拜访链接：https://console.cloud.tencent.com/ci
2. 创立和绑定存储桶
3. 将待压缩的图片上传至存储桶中。可通过控制台上传，也能够通过 sdk 上传。
二. 操作步骤
1. 返回对象存储控制台开启自定义 CDN 减速域名，可参考文档：https://cloud.tencent.com/document/product/436/18670
2. 开启图片自适应压缩性能
零碎会依据 accept 申请头与原图片格式主动判断终端是否反对对应的图片压缩格局，若反对则进行实时压缩，若全都不反对则返回原图。倡议开启 WebP 和 AVIF 格局，若终端反对 AVIF 图片格式，则优先加载 AVIF 图片；如不反对则会主动加载 WebP 图片格式；如两者都不反对，则主动加载原图，以适应图片在不同终端上的显示，无效解决了兼容性问题。
开启了 AVIF 和 Webp 压缩配置后，在不同状况下拜访失去的图片格式状况如下表所示：
3. 小程序加载图片
应用应用 CDN 散发图片，图片链接构造模式为：< CDN 域名 >/< 对象键 >。假如 CDN 域名为：https://www.cdndomain.com，对象键为：test.png，则图片的拜访链接为：https://www.cdndomain.com/test.png。
<imagemode=”aspectFit” src=”https://www.cdndomain.com/test.png”></image>
<imagemode="aspectFit" src="https://www.cdndomain.com/test.png"></image>
三. 预览成果
以示例图片为例，下表展现了 AVIF 图片和 WebP 图片的压缩率。
通过上述步骤，无需革新现有的业务模式，无需放心 AVIF 图片格式的兼容性问题，即可在小程序上应用 AVIF 图片压缩，轻松实现节俭小程序图片流量。
总结
AVIF 图片能在放弃高压缩率的同时，也能很好的保留图片的细节。如果对图片大小和品质有很高的要求，想为业务节俭图片流量，进步小程序的品质和用户体验，须要在小程序中应用 AVIF 图片，那么数据万象是一个不错的抉择，它既提供了简略便捷的 AVIF 图片格式转换形式，也很好的解决了 AVIF 图片的兼容问题。
