Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >对象存储COS数据处理-灵活使用图片参数

对象存储COS数据处理-灵活使用图片参数

原创
作者头像
wanjiewu
修改于 2021-02-14 07:32:51
修改于 2021-02-14 07:32:51
1.7K00
代码可运行
举报
运行总次数:0
代码可运行

对象存储COS数据处理-灵活使用图片参数

随着5G等技术的普及,信息的传播越发的快速,更好的满足了民众对于信息的诉求。越来越多的产品提供了丰富的信息资源,包括图片、视频、音频等等。如何存储和处理这些数据是一个产品需要考虑的重要方面,如果由产品团队自己来进行图片、音视频和文档数据的存储和处理,需要投入硬件采购、软件系统部署和维护成本,同时也需要专业的技术团队。

腾讯云对象存储COS数据处理能力更好地为产品团队提供专业稳定的云端处理能力,基于数据万象CI的云端数据处理能力具有规模大、专业性强等特点,同时也经过内外部产品大规模的检验。

数据处理流程

处理过程.png
处理过程.png

能力简介

COS数据处理之图片处理是腾讯云为客户提供的一体化的图片解决方案,覆盖上传、下载和识别功能,其中上传和下载时支持丰富的图像处理功能,如裁剪、压缩、水印和转格式等,满足各种业务场景需求,给用户提供了安全、稳定、高效的云端数据处理能力,满足用户的多种需求。

基础图片处理

基础图片处理能力使用为简单,只需要拼接URL参数就可以,具体见API文档

代码语言:txt
AI代码解释
复制
https://cloud.tencent.com/document/product/460/6924

基础图片处理-旋转

通过imageMogr2参数提供旋转功能,可以支持旋转固定角度和自适应旋转。自适应旋转是指根据原图EXIF信息将图片自动回正。

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?imageMogr2/rotate/30

1、旋转30度:

2、auto-orient旋转:

auto-orient旋转(读取EXIF的信息并且自动旋转输出图片):

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo\_270.jpg

默认显示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo_270.jpg?imageMogr2/auto-orient

auto-orient显示:

基础图片处理-缩放

通过imageMogr2参数提供了缩放功能,可以支持多种限制方式的缩放,同时针对需要填充时可以支持按照颜色进行填充。

1、宽高同时缩放30%

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?imageMogr2/thumbnail/!30p

2、缩放并且填充颜色

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?imageMogr2/thumbnail/300x200/pad/1/color/IzNEM0QzRA
img
img

基础图片处理-格式转换

通过imageMogr2参数可以实现丰富的格式转换功能,主流的jpg,bmp,gif,png,webp和heif都可以支持。方便用户使用。

1、png格式

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?imageMogr2/format/png

2、webp格式

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?imageMogr2/format/webp

3、heif格式

代码语言:txt
AI代码解释
复制
https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?imageMogr2/format/heif

heif格式很多暂时不支持,先不预览图片。

基础图片处理-格式对比

COS对象存储也为jpg图片类型提供guetzli压缩功能,该功能也可以达到60+%的图片压缩能力。欢迎各位使用COS的数据处理能力体验馆,寻找你需要的能力

代码语言:txt
AI代码解释
复制
https://cloud.tencent.com/act/pro/cosExhibition

jpg启用guetzli压缩

jpg转为webp格式,可以达到30+%的质量减少。

jpg转为heif格式,可以达到50+%的质量减少。

基础图片处理-灵活使用图片格式转换参数

针对如此多的图片格式,如何更好的使用这些图片格式让客户业务获得更好的业务体验。如下推荐参数中,大家发现多了ignore-error和auto-orient两个参数key,这两个参数key可以更好的规避一些超大图或者图信息缺少导致的转换失败,可以优先返回原图。注意,COS服务是无法感知到客户的使用环境,所以想要准确的使用各种格式,客户需要在客户主动判断使用环境选择最优的格式,使得客户业务更快的图片加载体验。

1、对于一些新的移动系统使用IOS 11以上及 Android P 系统预览,我们可以优先让客户业务使用heif格式。

代码语言:txt
AI代码解释
复制
imageMogr2/auto-orient/ignore-error/1|imageMogr2/format/heif

2、对于常用的系统或者环境,可以使用让客户业务使用webp格式。

代码语言:txt
AI代码解释
复制
imageMogr2/auto-orient/ignore-error/1|imageMogr2/format/webp

3、对于一些低系统或者需要兼容性高,可以使用让客户使用guetzli压缩

代码语言:txt
AI代码解释
复制
imageMogr2/auto-orient/ignore-error/1|imageMogr2/format/guetzli

4、对于使用CDN的大量客户,我们也可以通过和CDN的集成的方式为客户提供格式的支持。

4.1、Webp自适应能力

HTTP 请求头中 accept 头部包含 image/webp。

图片后缀为 jpg、jpeg、bmp、gif、png。

4.2、Guetzli自适应能力

HTTP 请求头中 accept 头部包含 image/guetzli。

图片后缀为 jpg、jpeg。

基础图片处理-水印能力

通过watermark参数提供了多种水印能力,包括图片水印,文字水印,方便用户使用。

代码语言:txt
AI代码解释
复制
https://cloud.tencent.com/act/pro/cosExhibition

基础图片处理-水印能力扩展

2020年作为在线教育和在线办公元年,催生了很多关于版权保护的需要,各大公司和学校内部数据都需要保护能力,这时候图片的水印能力就可以做到一些防护。但是客户可能会疑问通过图片链接就可以获得到图片原图,是否能真正的保护,针对这种情况我们提供了一种参数加密的能力,这样用户就完全不知道图片的原始链接。如您想使用该功能,可提交工单或点击右侧联系我们,以开启参数加密。您只需提供需要加密的bucket名称,并根 据下文中的加密算法对您的请求链接进行加密开发。

1、文字水印

2、加密方式:

代码语言:txt
AI代码解释
复制
1、加密算法:AES

2、加密模式:cbc

3、加密key:自定(双方一致,需使用16位字符串)

4、加密vi:自定(双方一致,需使用16位字符串)

5、加密流程

6、按照“ci-process=?<compress\_param>”格式拼接请求串,对请求串使用AES的CBC模式加密,然后对加密后的二进 制内容再进行urlsafe的base64编码,最终使用“域名/<urlsafe\_base64encode(encrypt)>”进行访问

注:

fileid:资源名称 compress\_param:处理参数,如?imageMogr2/format/webp

3、示例:

代码语言:txt
AI代码解释
复制
1、原始URL:

https://demo-1253960454.cos.ap-chongqing.myqcloud.com/demo.jpg?watermark/2/text/Q09T5pWw5o2u5aSE55CG/fill/IzNEM0QzRA/fontsize/20/dissolve/50/dx/20/dy/20/batch/1/degree/45

2、加密key: TIwODEwMDEucGljc 加密vi: NTIwODEwMDEu2RzL

3、待加密串:

ci-process=demo.jpg?watermark/2/text/Q09T5pWw5o2u5aSE55CG/fill/IzNEM0QzRA/fontsize/20/dissolve/50/dx/20/dy/20/batch/1/degree/45

4、加密并urlsafe\_base64encode后:

Sz2-8N\_7VlMBCynB\_Rv48QZW3blBRI-cCNJcp2H1rm4Oji-soJhk4xYirO8w0dJwRWyJh\_vswJQ1UoyoheqvnoklGmdu\_7UxTpX0jlihybRDY9GKDLWroNr7Ch-zc0BxE-1kxIbwoReBu558D\_BRmn-K\_b-Q3HH69fyL6HVwIks=

5、https://demo-1253960454.cos.ap-chongqing.myqcloud.com/Sz2-8N\_7VlMBCynB\_Rv48QZW3blBRI-cCNJcp2H1rm4Oji-soJhk4xYirO8w0dJwRWyJh\_vswJQ1UoyoheqvnoklGmdu\_7UxTpX0jlihybRDY9GKDLWroNr7Ch-zc0BxE-1kxIbwoReBu558D\_BRmn-K\_b-Q3HH69fyL6HVwIks=?imageMogr2/auto-orient

注意:

如果bucket为私有读写,需要对加密后的串(当做虚拟文件)做签名,否则无法通过COS的签名验证。

?imageMogr2/auto-orient参数用于标识该请求是图片类的请求。
img
img

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
腾讯云【数据万象】使用指南——基础图片处理(上)
腾讯云数据万象(Cloud Infinite,CI)能够实现对云上的图片、视频、音频、文档等数据进行处理,为客户提供专业一体化的数据处理解决方案,涵盖图片处理、内容审核、内容识别、媒体处理、文档服务等功能。
腾讯云数据万象
2020/08/13
4.2K5
【玩转腾讯云】腾讯云对象存储COS + 数据万象CI = 完善的图片解决方案
在日常开发当中,我们必然会遇到一些图片存储问题,例如用户头像、聊天发生的图片等,而这些图片资源存储是个问题,普遍做法都是直接落在服务器上进行存储,而我推荐的是图片资源的存储直接上云使用云存储,本地可以保留备份,读取数据走云存储,同时可以增加CDN等。
沈唁
2020/03/27
8.8K11
【玩转腾讯云】腾讯云对象存储COS + 数据万象CI = 完善的图片解决方案
图片处理超规则和超限制报错排查
腾讯云数据万象产品支持图片功能,但在图片处理过程中,对图片是有规则和限制,具体如下:
卓恒
2020/11/24
1.9K0
腾讯云【数据万象】使用指南——基础图片处理(中)
在上期文章中,我们介绍了【数据万象】的部分基础图片处理功能,其中包含缩放、裁剪、旋转、格式转换、质量变换功能,这期我们将为大家介绍数据万象中,高斯模糊、锐化、添加水印、获取图片信息的功能。
腾讯云数据万象
2020/08/18
3K1
腾讯云【数据万象】使用指南——基础图片处理(中)
对象存储 AVIF 图片压缩,邀您参与免费内测!
现在硬件设备越来越强大,随手拍个照的图片可能就有几MB大小!图片在保存、传播的过程中,成本及效率应该成为你最关注的问题。
云存储
2021/08/24
1.5K0
对象存储 AVIF 图片压缩,邀您参与免费内测!
腾讯云【数据万象】使用指南——基础图片处理(下)
在之前的两期,我们介绍了【数据万象】中基础图片处理的大部分功能,相信大家对数据万象的基础图片处理功能已经有了一个清晰的认识,剩余“去除元信息“、”快速缩略模版“和”样式设置“将会在本期向大家介绍。
腾讯云数据万象
2020/08/28
2.1K0
一文带你玩转对象存储COS文档预览
随着“互联网+”的发展,各行各业纷纷“去纸化”,商务合同、会议纪要、组织公文、商品图片、培训视频、学习课件、随堂讲义等电子文档无处不在。而要查看文档一般需要先下载,但动辄几十上百兆的文档下载费时,如果不下载,大部分软件的预览兼容性差,和原文档内容相差甚远。若是同时查看多种不同格式的文档,还要先下载对应的阅读器,再频繁更换阅读器进行文档阅读,影响用户使用和工作进度。
云存储
2020/11/18
2.8K0
一文带你玩转对象存储COS文档预览
开源应用中心|为什么别人的WordPress那么快?
越来越多的人使用 WordPress 来搭建网站了,W3techs最新数据统计显示[1],截止到2021年11月3日,全网有43.0%的网站都是基于WordPress搭建的。那么问题来了,为什么别人用 WordPress 搭建的网站,又快、又稳定、又好用呢?下面两招教你轻松优化网站速度~ 推荐一个提速减负的宝藏插件:WordPress COS插件,点击直接下载安装,免费使用,两招优化你的网站速度。 第一招:动静分离 网站中的数据资源一般分为两种:动态数据和静态数据。动态数据一般是php实时生成的数据,
腾讯云DNSPod团队
2021/12/13
7890
用数据万象转换图片格式!超全的格式一键转换
你是否曾对如何预览 PSD、RAW 等奇奇怪怪的图片格式感到束手无策?是否在相机原生格式预览等场景中遭遇难题?
云存储
2024/08/29
3500
用数据万象转换图片格式!超全的格式一键转换
《数据万象带你玩转视图场景》第一期:avif图片压缩详解
随着硬件的发展,不管是手机还是专业摄像设备拍出的图片随便可能就有几M,甚至几十M,并且现在我们处于随处可及的信息海洋里,海量的图片带来了存储问题、带宽问题、加载时延问题等等。对图片信息进行有效的压缩处理无疑会极大的降低存储成本、流量压力,并且还能显著提升页面加载速度。
jimmy老师
2023/03/06
7780
《数据万象带你玩转视图场景》第一期:avif图片压缩详解
腾讯云对象存储图片处理功能正式发布,插件已同步更新
使用腾讯云对象存储COS的用户,应该在前几天就收到了邮件、短信和站内信等通知:【功能发布】腾讯云对象存储图片处理功能正式发布!
沈唁
2020/04/03
2K0
成本优化:新一代图片编码AVIF在手Q应用实践
图片瀑布流是我们手Q个性化业务最主要的表现形式,很多页面的图片资源都十分庞大。虽然之前已经做了一些优化,将除首屏模块外的所有图片进行懒加载,但是页面所需加载的资源仍然不小。
用户7958116
2023/05/19
1.3K0
成本优化:新一代图片编码AVIF在手Q应用实践
智能存储产品体验测评及建议
限制于兔小巢的评论区只让评论200字,故单作测评文章 原文链接:https://support.qq.com/products/380847?clientInfo=ownerUin%3D1000152
炒香菇的书呆子
2022/03/17
1.8K0
智能存储产品体验测评及建议
【对象存储COS】利用数据万象CI对影像内容空间进行优化
业务量的不断扩大,导致对象存储的存储空间以及流量迅速增大,尤其是图片业务,web中最关键的部分,由于html的同步加载特性,通常是一张加载完才能加载下一张,在本地降低分辨率会丢失图片大部分细节,那么除了让本地图片一张张压缩之外,还有什么办法大幅度减小图片体积呢?
Ar-Sr-Na
2022/03/22
1.7K1
【对象存储COS】利用数据万象CI对影像内容空间进行优化
【玩转腾讯云】基于COS+CI+MPS图文音视频完整解决方案
本文将主要介绍如何通过腾讯云下的对象存储COS,数据万象CI,视频处理MPS、CMQ和CDN等服务来一招解决社区功能中图文音视频方案。
netkiddy
2020/04/13
2.4K0
【玩转腾讯云】基于COS+CI+MPS图文音视频完整解决方案
基于腾讯云COS+CI图文音视频解决方案
从早期的门户网站,到后面的feeds流,再到如今的各种垂直行业的社区分享,一次次变更成就了近几年行业中的领跑者。从行业领先的微博,再看小红书、B站等等,绝对都是可以看到feeds和社区的影子。而其中跑不掉的原始素材便是基础的图片、音频和视频等。今天就来介绍基于腾讯云如何解决这些社区方案中原始基础素材的问题。
云存储
2020/09/30
2.2K0
基于腾讯云COS+CI图文音视频解决方案
jQuery实现图片懒加载
一、懒加载 1.什么是懒加载 目前,网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加载的速度。 2.懒加载的原理 页面中的img元素,如果没有src属性,浏览器就不会发出请求去下载图片,只有通过javascript设置了图片路径,浏览器才会发送请求。 懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位,
小胖
2018/06/27
14.2K0
如何使用图片压缩降低COS流量成本?
 导语 本文将介绍如何通过【图片压缩】能力,让您降本增效的使用 COS ,文章将写得浅显易懂,旨在快速带领用户了解图片压缩的用法及带来的收益。  图片压缩为什么会让您降本增效? 随着互联网业务量的不断
云存储
2023/03/29
1.7K0
如何使用图片压缩降低COS流量成本?
COS数据处理WebP压缩 | 减少70%图像大小
一个网站的内容,不仅仅只有文字,图片、动图、视频等众多元素都在帮助用户从我们的网站获取更多的信息,当然,图片比起文字会消耗更多的网络资源,并且最令人担忧的是,它会增加网站的加载完成时间,影响用户体验。
云存储
2021/02/02
2.1K0
COS数据处理WebP压缩 | 减少70%图像大小
为什么别人的 WordPress 网站那么快?
越来越多的人使用 WordPress 来搭建网站了,W3techs 最新数据统计显示[1],截止到2021年11月3日,全网有43.0%的网站都是基于WordPress 搭建的。那么问题来了,为什么别人用 WordPress 搭建的网站,又快、又稳定、又好用呢?下面两招教你轻松优化网站速度~ 推荐一个提速减负的宝藏插件:WordPress COS 插件,前往链接(https://wordpress.org/plugins/tencentcloud-cos/)点击直接下载安装,免费使用,两招优化你
云存储
2021/12/10
9290
推荐阅读
相关推荐
腾讯云【数据万象】使用指南——基础图片处理(上)
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验