关于html:如何使用图片压缩降低COS流量成本

6次阅读

共计 1953 个字符,预计需要花费 5 分钟才能阅读完成。

导语

本文将介绍如何通过【图片压缩】能力,让您降本增效的应用 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. 在已开启图片高级压缩的存储桶中,进入文件列表

  1. 抉择上传文件 > 抉择文件,抉择须要上传至存储桶的图片,例如名为 exampleimage.png 的图片。
  2. 单击上传,即可将图片 exampleimage.png 上传至存储桶。

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

  1. 复制对象地址,在浏览器新的窗口中关上该地址,即可拜访到该图片。

留神 如果您关上图片时看到报错信息为 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 接口

  1. 接口中的 <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 

结语

图片压缩能够利用的场景很多,只有波及到图片的业务,都能够应用来升高图片拜访过程中产生的流量,晋升图片在终端加载的速度。除了图片压缩以外,数据万象还提供诸如图片加强、视频压缩等实用功能,将在后续一一推出使用指南,敬请期待!

正文完
 0