COS数据处理WebP压缩 | 减少70%图像大小
当前网络中,图片仍是占用流量较大的一部分,在网站的视觉效果和加载速度之间,我们始终面临着两难选择。
一个网站的内容,不仅仅只有文字,图片、动图、视频等众多元素都在帮助用户从我们的网站获取更多的信息,当然,图片比起文字会消耗更多的网络资源,并且最令人担忧的是,它会增加网站的加载完成时间,影响用户体验。
为了在尽可能不影响图片质量的前提下压缩体积,谷歌公司在 2010 年提出了 WebP 格式。
有一些现实的问题摆在我们面前。
在互联网碎片化的大趋势下,相对于文字来说,大部分人会更愿意接受图片所传递的信息,因为看图总是那么的简单高效,我们不用花费那么多的脑细胞去咬文嚼字,然后还得加上自己的一丢丢想象力,才能勉强体会作者想要表达的意思,而看图片,会将这些信息直接灌输给我们的脑子,所有的信息都将会被传达。
问题也随之而来,当网站所展示的图片越多,加载速度则会越慢,这对于户外工作使用移动设备或者网络环境较差的用户来说则更为明显。
所以我们想尽办法去减少图片的体积,提升我们页面的速度,有时甚至会甘于冒着图片质量严重下降的风险,只是为了能够帮我们的用户节省一点带宽或者减少一点耗电量,但这种代价过于沉重,无论是对于搜索引擎还是用户来说,都太不友好了。在保证图片质量和网站速度之间,我们始终面临着两难选择。
WebP 格式
我们通常使用的图片格式有 JPG,JPEG 和 PNG,但现在,WebP 也逐渐发展成为大部分开发者乐于接受并使用的图片格式之一。如果你还没有听过 WebP,那也很正常,不可否认的是它现在仍然存在少部分浏览器的兼容性问题,但是就目前来说,谷歌,火狐,Edge 都已经支持了 WebP 格式。
使用 WebP 格式,可以将同等质量的 PNG 图片体积减少至 30%,而对比 GIF,WebP 则可以将体积减少约 30%,国外现在已经有取代 GIF 的趋势,这都还得从 WebP 的工作原理说起。
WebP 压缩方式使用帧内编码技术,并且基于像素块预测,帧内编码其实是一种视频压缩技术,像素块预测使用帧内相邻像素块的值进行预测,三个在上面,一个在左边,WebP 因此可以实现有损压缩,无损压缩,透明化和动图,并且体积还比 JPG,PNG 和 GIF 要小,优势不可谓不明显。
效果图
下面是使用 COS 数据处理的 WebP 压缩技术压缩 PNG 和 GIF 格式图像的效果对比图:
PNG 压缩为 WebP:图像体积减少 68.9%
GIF 压缩为 WebP:图像体积减少 67.14%
如图,WebP 图像压缩可以减少平均 70% 的图像大小,而且原图质量越高、越清晰,压缩收益率越大,一般压缩收益率在 35%-80%。
简单五步,得到 WebP 格式的图片
1、首先登录腾讯云对象存储:https://console.cloud.tencent.com/cos5
2、在存储桶列表中创建一个桶,然后进入桶内,并将提前准备好要进行转换的图片上传到桶中
3、等待上传完成后点击对象详情,点击复制临时链接
4、粘贴到浏览器,腾讯云 COS 数据处理通过 imageMogr2 接口提供格式转换,所以我们在 url 后面拼上参数 &imageMogr2/format/webp
5、然后访问,就可以得到 WebP 图片了
当然,你也可以直接体验功能:https://cloud.tencent.com/act/pro/cosExhibition
COS 数据处理文档链接:https://cloud.tencent.com/document/product/460/36543
使用 WebP 的好处显而易见,图片加载变快,网页也随之变快,即使图片体积较小,也不会影响视觉效果,我们可以添加更多的图片来引人入胜,传递更多的信息,从而提高用户体验,提高点击率,与之呼应的是,我们的页面在搜索引擎的排名也会越来越高,形成一个良好的循环。简简单单地在图片链接后面拼上参数 &imageMogr2/format/webp,仅仅是变换了一个小小的图片格式,就像是南美洲亚马逊河热带雨林中的一只蝴蝶扇动了几下翅膀,却能在美国德克萨斯州引起一场龙卷风。
— END —
▼
点「阅读原文」,了解更多 & 点「在看」,让更多人发现精彩
▼
COS数据处理WebP压缩 | 减少70%图像大小相关推荐
- WPSmushProv3.7.0图片上传压缩插件-WordPress图像优化插件
简介: WP Smush Pro是一款性能最佳,易于使用的WordPress图像优化插件.该插件由WPMU DEV的专业开发人员开发,这些开发人员是许多其他出色的WordPress插件的开发人员.例如 ...
- photoshop 裁剪_30种无需Photoshop即可在线裁剪和调整图像大小的工具
有时,您不希望仅仅为了完成像调整图像大小这样的任务而启动Photoshop. 为此,您可以使用免费的在线图像大小调整服务 . 这些站点中的一些仅提供调整大小功能,而其他站点则提供自定义裁剪甚至批量图像 ...
- 压缩减小图像大小技巧:8个最佳 JPEG 图像压缩软件
如果您必须压缩以减小特定图像的大小,Jpeg 图像压缩软件可能会有很大用处.您无需自己动手,只需将图像上传到各种软件,等待工作完成即可.然而,大多数人通常对他们应该选择哪种软件感到困惑,因为可供选择的 ...
- 如何把webp压缩大小?在线webp压缩的工具推荐
webp是一种同时提供了有损压缩与无损压缩的图片文件格式,而且还拥有动态与静态两种模式,现在日常用到webp图片的人也越来越多了,如何实现webp压缩(webp压缩 webp图片压缩 在线webp无损 ...
- 电脑批量webp压缩大小?手把手教你webp压缩
webp是一种新的图像格式,它有静态跟动态两种模式,那么当我们遇到需要批量webp压缩(webp压缩 webp图片压缩 在线webp无损压缩工具-压缩图)大小的时候,该如何处理呢?最简单的方法就是使用 ...
- PyInstaller 使用UPX压缩减少exe大小
PyInstaller 使用UPX压缩减少exe大小 1. 背景 2. 下载UPX 3. 使用UPX 博主热门文章推荐: 1. 背景 Python打包成exe文件一大痛点就是文件size过大,而使用U ...
- python opencv压缩图片大小_使用OpenCV Python调整图像大小的最佳方法
我想你是想调整和保持纵横比.这里有一个函数可以根据百分比来放大或缩小图像 原始图像示例 将图像大小调整为0.5(50%) 将图像大小调整为1.3(130%) import cv2 # Resizes ...
- 使用腾讯云cos搭建webp私有图床
准备工具 准备一个图床工具,推荐本人使用的开源免费工具:uPic 该工具可以直接在github上下载,访问地址:https://github.com/gee1k/uPic 购买腾讯云cos对象存储服务 ...
- 如何压缩数据与图像?
文件以字节为单位保存 文件是将数据存储在磁盘等存储媒介中的一种形式.程序文件中存储数据的单位是字节.文件的大小之所以用××KB.××MB等来表示,就是因为文件是以字节(B = Byte)为单位来存储的 ...
最新文章
- 数据结构之shell排序
- 处理python中的无类型变量的方法
- merge into语句的使用
- serialVersionUID的作用(转)
- Maven配置阿里镜像仓库
- valid, satisfiable, unsatisfiable的例子
- struct和typedef struct的区别(转)
- 大数据WEB阶段(十八)数据库事务
- LeetCode 851. 喧闹和富有(拓扑排序)
- win10搜索框没反应怎么修复
- pacs系统服务器配置,pacs系统 服务器配置
- 最近录制了一些视频,搭建和测试了一下视频平台
- Getting Started with Processing 第五章的easing问题(2)
- 图文并茂,UML2组件图讨论内容
- 最全的数据结构和算法,不信过来看看有没有漏掉的
- 【行业专题报告】酒类(白酒、啤酒)-专题资料
- WIN XP自带分区工具的使用方法
- eWebEditor编辑器的使用
- web标准和w3c_W3C记录了Web的体系结构
- P2807 三角形计数(c++)
热门文章
- LaTeX命令速查手册1
- 重庆已建成4.2万余个5G基站;山西省累计建成5G基站1.2万个
- 证书相关的玩意儿(SSL,X.509,PEM,DER,CRT,CER,KEY,CSR,P12)
- 奥鹏教育微学吧JAVA答案_西交20秋《Java语言》在线作业【标准答案】
- 搜狐视频Redis云平台Cachecloud开源-视频教程
- 信息安全(一)——概述
- 学习什么技术 4年后最赚钱
- iOS 获取WKWebView内容高度做H5原生连接
- ios dat 文件读写_树莓派安装Samba服务,实现家庭文件共享
- VMware esxcli定时开启虚拟机、维护开机状态