使用WebP节省网站流量和存储空间，加快网站加载速度

时间：2023-05-06 16:39:02 | 来源：网站运营

时间：2023-05-06 16:39:02 来源：网站运营

使用WebP节省网站流量和存储空间，加快网站加载速度：使用WebP图片格式节省网站流量、带宽和存储空间，加快网站加载速度。

目前在互联网上，图片流量仍占据较大的一部分。因此，在保证图片质量不变的情况下，节省流量带宽是大家一直需要去解决的问题。传统的图片格式，如 JPEG，PNG，GIF 等格式图片已经没有太多的优化空间。因此 Google 于 2010 年提出了一种新的图片压缩格式 — WebP，给图片的优化提供了新的可能。

什么是WebP

WebP（发音：weppy）是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，派生自影像编码格式VP8，被认为是WebM多媒体格式的姊妹项目，是由Google在购买On2 Technologies后发展出来，以BSD授权条款发布。

WebP最初在2010年发布，目标是减少文件大小，但达到和JPEG格式相同的图片质量，希望能够减少图片档在网络上的发送时间。2011年11月8日，Google开始让WebP支持无损压缩和透明色（alpha通道）的功能，而在2012年8月16日的参考实做libwebp 0.2.0中正式支持。根据Google较早的测试，WebP的无损压缩比网络上找到的PNG档少了45%的文件大小，即使这些PNG档在使用pngcrush和PNGOUT处理过，WebP还是可以减少28%的文件大小。

WebP支持的像素最大数量是16383x16383。有损压缩的WebP仅支持8-bit的YUV 4:2:0格式。而无损压缩（可逆压缩）的WebP支持VP8L编码与8-bit之ARGB色彩空间。又无论是有损或无损压缩皆支持Alpha透明通道、ICC色彩配置、XMP诠释数据。

WebP有静态与动态两种模式。动态WebP（Animated WebP）支持有损与无损压缩、ICC色彩配置、XMP诠释数据、Alpha透明通道。

兼容性

现在主流的浏览器都支持WebP了，Safari和Firefox可能需要较新版本才支持，我测试的最新版本Firefox已经支持WebP，IE不支持。Chrome内核的浏览器都支持。微信和QQ测试也支持。

目前很多大型网站都已经使用WebP格式的图片了，微信公众号文章在很早之前也已经开始使用了，还有很多CDN支持将图片转换为WebP。

图片转WebP格式

这里推荐几个在线转webp图片的网站和工具：

webp2jpg：https://renzhezhilu.gitee.io/webp2jpg-online/
支持jpeg、jpg、png、gif、svg、ico、bmp转webp，可批量。
注：这个网站gif只支持转换第一帧图片。

智图：https://zhitu.isux.us/
智图是腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的平台，其功能包括针对png,jpeg,gif等各类格式图片的压缩，以及为上传图片自动选择最优的图片格式。同时，智图平台还会为用户转换一份webp格式的图片。
注：不支持超过5M的图片，超过5M的格式需要下载客户端。客户端可以批量转换，转换不是离线的，需将图片上传服务器转换，对gif支持好像有点问题。
客户端下载地址：http://go.zeruns.tech/N

Any To WebpTool：https://zeruns.lanzous.com/id7zqab

支持jpg、png、gif，压缩效果很好，对gif支持也不错。下面的效果图都是用这个软件转换的。

效果图

普通图片转webp图片质量和大小对比。

下面三张原图大小和压缩为webp后大小分别为：

图片请看原文：使用WebP节省网站流量和存储空间，加快网站加载速度 - Zeruns's Blog

推荐文章

• 高性价比和便宜的VPS/云服务器推荐：https://blog.zeruns.tech/archives/383.html
• 各大CDN平台速度评测：https://blog.zeruns.tech/archives/506.html
• 学生优惠权益大全：https://blog.zeruns.tech/archives/321.html
• 怎样搭建个人博客：https://blog.zeruns.tech/archives/218.html
• 使用阿里云搭建网站并实现站库分离：https://blog.zeruns.tech/archives/513.html
• 各大云服务器厂商618活动优惠大全：https://blog.zeruns.tech/archives/549.html