所在位置:首页 > 设计资讯 > 企业VI设计 > vi设计探鸣上海公司-什么是WebP-这种图片格式的优缺点

vi设计探鸣上海公司-什么是WebP-这种图片格式的优缺点

一场技术大战就在我们眼皮底下上演。不是机器人骨架类型,而是最被接受的格式类型,类似于Playstation 与 Xbox 或 Betamax 与 VHS。这场特殊的格式战争涉及到我们所有人,您可能在不知不觉中就已经看到了它的战斗人员。我们正在谈论下一代网络图像格式,而目前 WebP 正在领先。但这只会引发更多问题,即“什么是 WebP?” 和“JPEG有什么问题?”

 

感谢它的所有者谷歌,WebP 图像格式最近成为了一个热门话题。它被越来越多的设备所接受——这让竞争对手 JPEG 2000 和 JPEG XR 感到非常懊恼——并且有望成为新的默认 Web 图像格式。尽管有所有令人费解的技术细节,但对于任何在网上发布图片的人来说,WebP 都是一件大事。

 

因此,在本指南中,vi设计探鸣上海公司将解释您需要了解的所有内容、它是什么、如何使用它以及为什么要关心它。我们将解释WebP 的优缺点,然后向您展示如何转换其他图像格式。


vi设计探鸣上海公司-什么是WebP-这种图片格式的优缺点.png

 

什么是WebP?

撇开最近的热议不谈,WebP(俗称“weppy”)实际上已经很老了。它于 2010 年首次宣布,此后一直在升级和改进,直到目前的状态。它最近成为一个热门话题,因为它在下一代图像格式大战中处于领先地位:截至撰写本文时,它已在 Chrome、Microsoft Edge、Firefox、Opera 和最近的 Safari 上得到支持。

 

WebP 徽标


要真正了解WebP 的独特之处,首先要了解所有图像文件格式及其差异。但是为了加快本文的进度,我们将直接跳到 WebP 的主要卖点,压缩。

 

如果您不熟悉该术语,则压缩是指将文件的数据编码为比原始数据更少的位或数字数据片段。有两种主要的压缩类型:无损(图像质量随着数据大小的下降而保持不变)和有损(图像质量随着数据大小的显着下降而略有下降)。如果您想知道如何在不影响质量的情况下减小文件大小的“魔力”,本指南解释得很好。

 

简而言之,WebP 图像通常比它们的对应图像更小,但质量相同,这要归功于其卓越的压缩。这意味着为您自己的网站使用 WebP 图像(通常)会使其运行得更快并同时减少您的数据存储。

 

JPEG 样本与 WebP 图像格式进行比较

JPEG 版本,562 KB。EFL的 3D 设计。

用于与JPEG 比较的 WebP 图像格式示例

WebP 版本,416 KB — 小了 25%。你能说出区别吗?

 

小了多少?根据vi设计探鸣上海公司自己的数据,WebP 无损压缩比 PNG小 26% ,有损压缩比 JPEG小 25-34% 。对于使用大量图片的网站,切换可能会产生重大影响并减少宝贵的几毫秒加载时间,尤其是在移动设备上。

 

WebP 的另一个主要优势是它的多功能性——它结合了透明度和动画。这很重要,因为通常您找不到相同格式的这些功能:在 WebP 之前,您必须将 PNG 用于透明背景,将 GIF 用于动画,并且不能同时支持两者。

 

出色的性能,再加上Google 的信任投票,确实为 WebP 成为新的默认 Web 文件格式铺平了道路。

 

WebP形象的图片理念有美女和小猫.png


WebP 的优缺点

——

令人印象深刻的是,WebP 还没有准备好成为“唯一”。现在,看看 WebP 的优缺点,看看它是否适合您和您的需求。

 

优点

 

更快的加载时间——由于文件更小,带有 WebP 图像的页面加载速度更快。这极大地提升了网站的乐趣:根据 Website Builder Expert的说法,加载的每一秒延迟都会降低 16% 的访问者满意度,如果没有在 4 秒内加载,四分之一的访问者会完全放弃您。

更少的媒体存储——WebP 的增强压缩也意味着更少的存储空间。这对于托管大量图像的网站至关重要,甚至可以为您节省网络托管费用。

 

透明度和动画——正如vi设计探鸣上海公司上面提到的,WebP 是唯一支持 PNG 的透明背景和 GIF 的动画功能的图像格式,更不用说它胜过 JPEG 的压缩。

将WebP 图像格式质量与其竞争对手进行比较的图表

将图像格式文件大小与质量进行比较的图表,以结构相似性(SSIM) 衡量。通过约翰内斯西波拉。

 

缺点

 

并非所有浏览器都支持——尽管 WebP 在浏览器中占有最大份额,但仍有一些不支持它(Internet Explorer 采用它的速度很慢,这是 Internet Explorer 的品牌)。有一种解决方法涉及在 HTML 中创建后备图像,但是创建一个完整的其他文件作为备份有时会抵消您首先使用 WebP 节省的所有额外存储空间。

 

质量仍然下降——与其说是 WebP 的劣势不如说是所有有损压缩的劣势,你的图像质量仍然下降。对于大多数人来说,这个数量可以忽略不计,但对于像摄影或平面设计作品集这样的视觉网站,你希望你的视觉质量达到最大。

 

WebP 的logo图片.png

 

如何转换为WebP 图像格式?

如果您已经以较小的文件大小出售,那么您自然需要WebP 图像转换器来更改所有图像。很多软件都支持 WebP,因此您可以直接从源代码(Adobe Photoshop 和 Sketch 等)创建它们,但如果您有预先存在的图像或者它们来自不支持 WebP 的地方,您将需要一个图像转换器。

 

有很多可供选择,实际上大多数都成功完成了将文件转换为WebP 的基本任务。一个例子是XnConvert。

 

XnConvert 适用于 Windows、Mac 和 Linux。它也可以免费供个人使用,但您必须购买公司使用的许可证。除了 WebP,它还支持 JPEG、JPEG 2000、PNG、TIFF、GIF、OpenEXR、原始相机数据和数百种其他格式。还有更多功能:批量转换、旋转、添加水印、添加文本和浅色图像调整,例如调整阴影和亮度。

 

当然,如果您只想转换少量图像,您总是可以使用更简单的选项。Ezgif是一个免费的在线 WebP 转换器,操作词是免费和在线的。您不会找到 XnConvert 更高级的功能,但如果您关心的是速度和便利性,它可以满足您的需求。

 

 

结论:WebP 追踪

——

考虑到对加载时间的巨大影响,几乎任何网站或社交媒体都可以从WebP 格式中受益。正如vi设计探鸣上海公司在WebP 的优缺点中提到的,一个明显的危险信号是并非所有浏览器都使用它——请务必仔细检查您的使用分析,以查看您的访问者喜欢哪些浏览器以及切换到 WebP 是否会影响他们。

 

如果您仍然不确定哪种图像格式适合您,您可以随时聘请专业的vi设计探鸣上海公司为您处理。只要提到网站速度和加载时间是一个高优先级,他们就会从那里开始。

 


一分钟了解探鸣设计公司
好设计直接找总监谈
聊思路,理方向,谈费用,听听总监建议再做决定
相关案例
Relevant cases
点击查看更多案例

总监微信

复制成功

业务咨询 何先生

业务咨询 何先生