了解网站设计中的WebP图像格式-增长超人Growthman

了解网站设计中的WebP图像格式

作者：网站设计专家

时间： 2021-08-27 11:37:36

来源：增长超人

咱们对JPG、GIF格局都比较了解。可是，对新出现的WebP格局还比较生疏。本文，咱们将体系介绍与图片文件格式相关的问题。

什么是图片的文件格式？

相机拍照出来的图片往往文件很大，很占用贮存空间。怎么办呢？就算是对图画进行压缩，选用不同算法的压缩方法，便是文件格式。如JPG文件和GIF文件，便是运用了两种不同压缩算法而得到的图片。

网站设计与图片格局的联系？

网站设计为何要考虑图画格局呢？有两个原因。

网站设计需要考虑加载速度。依照这一要求，规划师应该尽量挑选能够将图片压缩的更小的算法。网站设计需求考虑明晰度。依照这一要求，规划师还需求考虑压缩的时间，不太影响图片的明晰度。

如上两个要求是对立的，规划师需求做的便是和谐，即完成较好的明晰度下的小容量。而WebP格局便是为了处理这一对立的。

WebP图画格局的扼要布景

WebP被Google称为一种现代图画格局，它的意图是让网页设计师和开发人员在为他们的用户规划更好的体会时更简单工作。由于互联网十分重视图画，因而对改善用户体会的重视会集在削减加载图画所需的时间上。因而，最终用户能够在不影响网站速度的情况下享用更高质量的图片。

这是由于这种类型的图画依赖于两种压缩方式（经过运用比原始图画更少的位来减小数据文件的巨细）：有损压缩和无损压缩。

损耗压缩，也叫不可逆压缩，是指一种只对原始数据或图象进行近似重建的算法，但仍然允许更高的压缩率和更小的数据大小。

与此形成鲜明对比的是，无损压缩如其名称所示，是压缩过程中不牺牲任何东西的压缩。换句话说，压缩的图像和文件是原始图像的完美重建。

经过这些算法处理您在web上的图画，能够保证您在web上阅读的图画比您常常遇到的格局更漂亮，尺度更小，例如：JPEG格局和GIF格局。

为了便于比较，WebP无损图画的巨细将小于PNG图画。与JPEG格局比较，WebP有损图画的巨细将缩小25%到34%。

仅从尺寸比较来看，这种谷歌格式为设计师和开发者提供了比传统格式大幅度减少的尺寸。这种小尺寸意味着网站和浏览器必须降低加载图像的强度，从而导致更快的加载时间和整体更快的用户体验。

WebP格局会成为主流吗？

根据我们的观点，一种图像格式的流行取决于三个因素。一是算法的优劣，能否满足清晰小的二是转换方便，通过工具顺利转换为另一种格式，三是浏览器、操作系统是否支持该图像格式等支持范围。

从如上三个条件看，WebP格局的图画都是满意的。

只有时间才能证明新的图像格式是否完全取代JPEG和PNG等旧格式。在这一点上，设计师和开发者喜欢使用WebP的理由与用户喜欢使用这个新标准的网站的理由相同：观看更明晰的图画，并供给更全面、更快的web体验。

2022数字营销白皮书