导语

本文将介绍如何通过【图片压缩】能力,让您降本增效的使用 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. 接口中的参数后面直接加上图片压缩参数,通过 ? 符号连接。

【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

** 结语**

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

如何使用图片压缩降低COS流量成本?的更多相关文章

  1. 降低PNG图片存储大小方法、图片压缩方法

    降低PNG图片存储大小方法,图片压缩方法,如何降低PNG图片存储大小?前提是分辨率和尺寸大小不变,图形的透明部分不变.请看如下办法,亲测可用. 1. 将PNG图片用PS打开. 2. 图像-模式-8位/ ...

  2. HTML5 CANVAS 实现图片压缩和裁切

    原文地址:http://leonshi.com/2015/10/31/html5-canvas-image-compress-crop/?utm_source=tuicool&utm_medi ...

  3. Java后端实现图片压缩技术

    今天来说说图片压缩技术,为什么要使用图片压缩,图片上传不就完事了吗?对的,这在几年前可以这么说,因为几年前还没有现在这么大的并发,也没有现在这么关注性能. 如今手机很多,很多人都是通过手机访问网络或者 ...

  4. HTML多图片压缩上传

    本文介绍的是多张图片在前端统一压缩后再通过ajax提交给后台处理的业务,使用到的是LocalResizeIMG.js插件. 一.首先介绍项目结构 二.分享引用核心文件,这里没有分享CSS文件,因为没有 ...

  5. 深入研究HTML5实现图片压缩上传

    上篇文章中提到移动端上传图片,我们知道现在流量还是挺贵的,手机的像素是越来越高,拍个照动不动就是好几M,伤不起.虽然客户端可以轻轻松松实现图片压缩再上传,但是我们的应用还可能在浏览器里面打开,怎么办呢 ...

  6. Android 图片压缩各种方式

       前言:由于公司项目当中需要用到压缩这块的相应技术,之前也做过的图片压缩都不是特别的理想, 所以这次花了很多心思,仔细研究和在网上找到了很多相对应的资料.为了就是 以后再做的时候直接拿来用就可以了 ...

  7. Android 图片内存优化与图片压缩

    1. 对图片本身进行操作 尽量不要使用 setImageBitmap.setImageResource. BitmapFactory.decodeResource 来设置一张大图,因为这些方法在完成 ...

  8. 石火电光追风逐日|前端优化之次时代图片压缩格式WebP的项目级躬身实践(Python3 PIL+Nginx)

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_190 我们知道,在前端界有一个共识:速度就是生命,带宽就是金钱.怎样将页面加载速度有效提升是无数前端工程师无时不刻在思考的课题,目 ...

  9. ES日志存储以及备份压缩到COS

    导语 为了满足用户日益增长的日志存储大小,不影响用户的写入和查询性能.满足不同用户写入流量.同时用户日志长期保存,日志存储比较占用空间和成本.ES集群规格配置高,消耗资源和成本.我们基于Go语言设计了 ...

  10. Html5+asp.net mvc 图片压缩上传

    在做图片上传时,大图片如果没有压缩直接上传时间会非常长,因为有的图片太大,传到服务器上再压缩太慢了,而且损耗流量. 思路是将图片抽样显示在canvas上,然后用通过canvas.toDataURL方法 ...

随机推荐

  1. 【赵渝强老师】MySQL高可用架构:MHA

    MHA(Master HA)是一款开源的 MySQL 的高可用程序,它为 MySQL 主从复制架构提供了 automating master failover 功能.MHA 在监控到 master 节 ...

  2. 【Wing】背后的插件们

    wing 作为我们日常开发的命令行开发工具,项目开源以来,陆陆续续接入了多个插件,在这里集中分享给大家. ☞ Github ☜ ☞ Gitee ☜ 01. wing -screen 作为Android ...

  3. duxui:基于Taro,兼容React Native、小程序、H5的多端UI库

    duxui是duxapp官方开发的一款兼容多端的UI组件库,兼容小程序.H5.React Native,库中提供了60+的组件,覆盖大部分使用场景 它能帮助你通过统一的组件样式,快速完成多端应用的开发 ...

  4. NET Core 基础 - 删除字符串最后一个字符的七大类N种实现方式

    今天想通过和大家分享如何删除字符串最后一个字符的N种实现方法,来回顾一些基础知识点. 01.第一类.字符串方式 这类方法是通过string类型自身方法直接实现. 1.Substring方法 相信大多数 ...

  5. Java日期时间API系列32-----Jdk8中java.time包中的新的日期时间API类应用,时间工具包 xk-time 1.0.0 版本完成。

    从Java日期时间API系列第一篇博客开始,利用业余时间对Java日期时间API源码进行了系统的.多次的阅读实践,包括Date.LocalDate.LocalDateTime.LocalTime.In ...

  6. 2024年8月中国数据库排行榜:OceanBase攀升再夺冠,达梦跃入三甲关

    在这个炽热的季节,随着巴黎奥运会的盛大开幕,全球将目光聚集在了体育的无限魅力和竞技的巅峰对决上.如同奥运赛场上的激烈角逐,中国数据库界也上演着一场技术与创新的较量,各个数据库产品正在中国乃至全球舞台上 ...

  7. 深入探索Spring AI:源码分析流式回答

    在上一章节中,我们深入分析了Spring AI的阻塞式请求与响应机制,并探讨了如何增强其记忆能力.今天,我们将重点讲解流式响应的概念与实现.毕竟,AI的流式回答功能与其交互体验密切相关,是提升用户满意 ...

  8. es6有哪些新特性?

    1. let 和 ocnst ,可以定义块级作用域 2. 新增了箭头函数,箭头函数简化了函数定义的定义 3.新增了promise解决回调地狱问题 ps:回调地狱是我们异步请求服务器数据时,通过then ...

  9. Awesome-Visual-Captioning

    目录 Table of Contents Paper Roadmap ACL-2021 CVPR-2021 AAAI-2021 ACMMM-2020 NeurIPS-2020 ECCV-2020 Vi ...

  10. 云原生周刊:Linkerd 发布 v2.14 | 2023.9.4

    开源项目推荐 Layerform Layerform 是一个 Terraform 包装器,可帮助工程师使用纯 Terraform 文件构建可重用的基础设施. 为了实现重用,Layerform 引入了层 ...