如何使用图片压缩降低COS流量成本？

导语

本文将介绍如何通过【图片压缩】能力，让您降本增效的使用 COS ，文章将写得浅显易懂，旨在快速带领用户了解图片压缩的用法及带来的收益。

图片压缩为什么会让您降本增效?

随着互联网业务量的不断扩大，导致对象存储 COS 的下行出流量迅速增大，尤其是 Web 中最关键的部分（图片业务），由于 HTML 的同步加载特性，通常是一张加载完才会加载下一张。
使用图片压缩能力将会减少您图片的体积，减小后的图片在网络上传输会占用更小的带宽、消耗更少的流量，从而降低您的流量带宽成本。同时，体积减小后的图片，在网络中传输得耗时更小，从而提升您的客户端加载图片的速度。 

使用图片压缩的准备工作

图片压缩服务是由腾讯云数据万象产品所提供，您可以先按以下几步将图片压缩服务开启：

►►►步骤1：开通数据万象产品在腾讯云控制台中，选择云产品 > 数据万象，进入数据万象控制台，开通数据万象服务。【操作链接】：https://console.cloud.tencent.com/ci

►►►步骤2：将数据万象与您存储图片的存储桶进行绑定

【操作链接】：https://console.cloud.tencent.com/ci/bucket

►►►步骤3：开启图片高级压缩服务在对象存储控制台中，选择已绑定数据万象的存储桶，找到 数据处理 > 图片处理 菜单，开启高级压缩。

快速上手

从0到1，带您快速上手图片压缩使用方式，1分钟让您的图片业务快速降本！图片压缩支持通过URL参数、API、SDK等进行使用。

一、上传图片至COS
1. 在已开启图片高级压缩的存储桶中，进入文件列表

2. 选择上传文件 > 选择文件，选择需要上传至存储桶的图片，例如名为 exampleimage.png 的图片。
3. 单击上传，即可将图片 exampleimage.png 上传至存储桶。

二、正常访问 COS 上的图片
1. 在控制台文件列表中找到刚刚上传的 exampleimage.png 图片，点击操作栏的详情

2. 复制对象地址，在浏览器新的窗口中打开该地址，即可访问到该图片。

注意 如果您打开图片时看到报错信息为Access Denied，说明该图片为私有读访问权限，您需要在对象地址后面携带签名参数才能正常访问。 在详情中您可以通过复制临时链接，快速获取一个携带签名的对象地址。

可以看到，exampleimage.png 图片在浏览器访问的大小为原图1.7MB，图片加载的整体时间为3.24秒

三、使用图片压缩，并访问压缩后的图片

以将图片压缩为avif格式为例：在 3.2 步骤中的对象地址后方，直接添加一段AVIF图片压缩参数，通过 ? 符号连接参数：?imageMogr2/format/avif

注意如果上述链接是已经携带签名参数的，同样可以直接在链接后面添加的AVIF图片压缩参数，通过 & 符号连接参数：&imageMogr2/format/avif

可以看到，exampleimage.png 图片，在携带了压缩参数后，会实时压缩，在浏览器访问的大小为压缩后的图75.5KB，图片加载的整体时间为287毫秒。

通过 API 使用图片压缩

您可以通过对象存储 COS 访问对象的接口 GET Object 来直接使用图片压缩能力。
1. 调用GET Object接口

2. 接口中的<ObjectKey>参数后面直接加上图片压缩参数，通过 ? 符号连接。
   【GET Object接口文档】：https://cloud.tencent.com/document/product/436/7753
   【图片压缩参数文档】：https://cloud.tencent.com/document/product/436/44883

注意图片压缩是通过格式转换参数控制的，您可以将图片转换为webp、avif、heif、tpg这四种压缩格式，来达到图片体积减少的目的。 

通过 SDK 使用图片压缩

当前图片压缩参数已经集成到了所有的 COS SDK 中，提供 Java、Python 等12种开发语言的 SDK 及对应的快速入门指引，您可以点击下方链接找到适合自己的SDK：
【SDK链接】：https://cloud.tencent.com/document/product/436/6474 不同压缩图片格式对比

不同的压缩格式各有优劣，您可以按需选择

购买指南

图片压缩支持预付费和后付费，费用是由数据万象 CI 收取的。实际费用取决于您使用图片压缩的请求次数。
【图片压缩的计费详情】：https://cloud.tencent.com/document/product/436/58963 

结语

图片压缩可以应用的场景很多，只要涉及到图片的业务，都可以使用来降低图片访问过程中产生的流量，提升图片在终端加载的速度。除了图片压缩以外，数据万象还提供诸如图片增强、视频压缩等实用功能，将在后续一一推出使用指南，敬请期待！