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