我们对JPG、GIF格式都比□□□□较熟悉。但是，对新出现✦的WebP格式还比★较陌生。本文，我们将系□□统介绍与□□□□图片文件□□格式相关□□□□的问题。

什么是图片的文件格式？
 

相机拍摄◥出来的图□□□□片往往文□□□件很大，很占用储□□□存空间。怎么办呢？就是对图□□□像进行压□□缩，采用不同□□算法的压▲缩方式，就是文件•格式。如JPG文件和GIF文件，就是使用□□了两种不□□□□同压缩算※法而得到□□□□的图片。

网站设计与图片格式的关系？

网站设计为何要考虑图像格式呢？有两个原因。
网站设计□□□□需要考虑☆加载速度。按照这一□□□□要求，设计师应□□该尽量选•择可以将▽图片压缩□□□□的更小的□□算法。
网站设计□□需要考虑□□□□清晰度。按照这一□□要求，设计师还□□需要考虑丨压缩的时◎候，不太影响□□图片的清□□□晰度。
如上两个□□□□要求是矛□□盾的，设计师需□□□要做的就□□□□是协调，即实现——较好的清□□晰度下的□□□□小容量。
而WebP格式就是为了解决这一矛盾的。

WebP图像格式的简要背景

WebP被Google称为一种□□□现代图像□□□□格式，它的目的□□是让网页□□□□设计师和◉开发人员★在为他们□□□的用户设□□计更好的□□□体验时更□□容易工作。由于互联□□网非常注▽重图像，因此对改□□进用户体□□□验的关注□□□集中在减□□□少加载图□□□□像所需的□□□□时间上。因此，最终用户□□□可以在不□□牺牲网站□□□速度的情□□□况下享受□□更高质量□□的图片。
这是因为◎这种类型□□□的图像依□□赖于两种□□压缩形式（通过使用□□比原始图□□□□像更少的□□□□位来减小□□数据文件·的大小）：有损压缩□□□和无损压★缩。
有损压缩，也称为不□□可逆压缩，是指一种□□□算法，通过这种◣算法，原始数据●或图像仅□□□被近似地□□重建，同时仍然□□□□允许更好□□□□的压缩率□□□和更小的□□□数据大小。
与此形成□□□□鲜明对比□□□的是，无损压缩□□□正如其名□□□□称所示，是一种在□□□压缩过程▼中不会牺□□□□牲任何东□□□□西的压缩。换句话说，压缩后的□□□□图片或文◇件是对原□□□始图像的◇完美重建。
通过这些◣算法处理□□您在web上的图像，可以确保★您在web上浏览的□□□图像比您□□□□经常遇到○的格式更□□□□美观，尺寸更小，例如：JPEG格式和GIF格式。
为了便于□□□□比较，WebP无损图像□□□□的大小将□□□小于PNG图像。与JPEG格式比较，WebP有损图像□□□□的大小将□□□缩小25%到34%。
仅从大小□□□□比较来看，这种Google格式为设▽计师和开△发人员提□□供了一种◣比传统格□□□式大幅度□□□减小的大□□小。这种缩小◤的大小意□□□味着站点◤和浏览器□□□□必须减少□□□加载图像□□□□的强度，从而导致□□□更快的加☆载时间和□□总体更快□□的用户体★验。

WebP格式会成为主流吗？

根据我们◎的观点，一种图像□□格式流行□□□□取决于三□□个因素。一是算法□□□的优劣，是否能够□□□□满足“即清晰又□□□□小”；其二是转□□换便利，通过工具◆顺利转换□□□为另一种□□格式；其三是支✦持范围，如浏览器、操作系统□□□□是否支持◆这一图像☆格式。
从如上三个条件看，WebP格式的图像都是满足的。
只有时间✦才能证明□□□□新的图像○格式是否◈会完全取□□□代JPEG和PNG等旧格式。在这一点□□上可以肯·定的是，设计师和□□□□开发人员□□□喜欢使用WebP的原因与□□□□用户喜欢□□□访问使用◆这一新标□□□□准的网站□□的原因是□□□一样的：观看更清♦晰的图像，并提供更◥全面、更快的web体验。