导读:WebP 的使用给实际应用带来了很多好处,且 Google Chrome 和 Opera 浏览器以及许多其他工具和软件库都支持 WebP,但是到目前为止也并非所有浏览器都支持 WebP, IE、Edge、Firefox、Safari 就均未支持 WebP 格式。△ 各浏览器对 WebP 的支持情况又... |
WebP 的使用给实际应用带来了很多好处,且 Google Chrome 和 Opera 浏览器以及许多其他工具和软件库都支持 WebP,但是到目前为止也并非所有浏览器都支持 WebP, IE、Edge、Firefox、Safari 就均未支持 WebP 格式。
△ 各浏览器对 WebP 的支持情况
又拍云 WebP 自适应功能,则能很好的解决这个问题。对于支持 WebP 格式的浏览器,返回 WebP 图片,而对于不支持 WebP 格式的浏览器,则返回原格式的图片。开启路径更是简单,只需要登陆又拍云控制台 ⇒服务管理⇒ 配置 ⇒ 成本控制 ⇒ WebP自适应,点击开启即可。
图片缩放处理示例:
1. 间隔标识符 + 缩略图版本的方式
现在的我们还是保持着联系,也很久没见了,但是我们都在为着自己的未来努力,希望我们能够在各自的世界里变得更加的美好!
WebP 作为一种更高效的图片编码格式,在质量没有明显差别的情况下,是其他图片格式极佳的替代者。与其他图片格式相比,WebP 集合了多种图片文件格式的特点:像 JPEG 一样适合压缩照片和其他细节丰富的图片,像 GIF 一样可以显示动态图片,像 PNG 一样支持透明图像。根据 Google 的测试,WebP 无损压缩图片比 PNG 图片少了 45% 的文件体积,即使这些 PNG 图片在使用 pngcrush 和 pngout 处理后,WebP 依旧可以减少 28% 的文件体积。而对于常用的 JPEG 的图片来说,则能节约更多的流量。
△ 原 JPEG 图 和 转换为 WebP 格式的图片对比
从上图中可以看出,两者的访问大小比率差距非常的大,在图片展示效果几乎不变的情况下,文件大小减少了 85.65%。
你的照片里藏着你的故事吗?
我们将陆续介绍又拍云在图片云处理方面的功能,:upaiyun)
人是视觉动物,从外界接收的各种信息中,有 80% 以上是通过视觉获取的。在互联网世界中,图片则是最容易被视觉所接受的信息资源,不管是视频网站的影片缩略图,还是电商网站的商品展示,甚至某些枯燥的技术文档,也会用一些生动的图片,以图文并茂的方式来阐述技术。图片几乎涵盖了所有互联网应用场景,是互联网中不可或缺的元素之一。
△ 图片缩放处理示意缩略图
缩略图常用于在 Web 浏览器中更加迅速地载入图片较多的网页,例如我们常用的购物网站,视频网站等。他可以让你更快的了解商品或内容。同时,缩略图经过压缩处理,体积小巧,加载速度非常快。它不仅能够提升用户的浏览体验,也能够为网站节约一大笔流量开支。
又拍云图片水印,同时提供文字和图片水印功能,可以在图片的不同位置,以不同的方向,实时在原图上添加文字或者图片水印。甚至可以对水印的大小,透明度,以及水印是否铺满图片等进行操作。
△ 水印的样式 WebP 图片格式
文章前面有提到过缩略图,不仅能够提升图片加载速度,提升用户体验,而且也能够降低带宽消耗,降低用户成本。而 WebP 图片格式的效果与此类似,但是在加载速度提升和带宽消耗降低上的能力则是更胜一筹。
播放数:609
播放数:542
播放数:1193