大数跨境

谷歌推出的新WebP图像格式有望提升页面加载速度

谷歌推出的新WebP图像格式有望提升页面加载速度 电商实践
2011-09-05
2
导读:网页图形,尤其是照片,正在逐步演进。但随着对速度和精美设计的要求日益提高,还需要更多的变革。

网络图形,尤其是照片,正在开始演变。但随着对速度和精美设计的要求日益提高,还需要更多的变革。一种新的免版税格式希望在不牺牲图像质量的前提下提供更快的加载速度,至少它引发了一场可能推动网络图形发展的辩论。

挑战在于:一方面,网站所有者——尤其是电子商务网站的所有者——希望打造具有吸引力的网站以建立信任(因为更美观的网站能传达专业性和可信度),并最终提高转化率。这一点在产品展示图片或产品如何影响生活方式的呈现上尤为明显。

广受欢迎的 Tommy Bahama 品牌使用大幅吸引人的图片来帮助销售其产品。

另一方面,网站所有者希望网页加载速度极快,以便用户——即潜在客户——无需等待。

这两种需求——美观与速度——往往相互冲突,因为大型且吸引人的图片可能需要较长时间才能加载完毕。

JPEG 和 PNG 的现状

JPEG和PNG两种图像格式往往主导着网站开发。PNG文件提供更高的图像质量和出色的Alpha通道透明度,对于经过处理的图像(即经过大量修改或在图形程序中完全创建的图像),其文件大小往往比JPEG文件更小。

这个菱形图案完全由 Adobe Photoshop 制作,是 PNG-24 网络图形的典型代表。其大小仅为 4.774K。

这是将同一菱形图案保存为中等质量 JPEG 的结果,大小为 12.31K。一个类似的低质量 JPEG 文件大小约为 9.5K,但质量过低,不具备实用价值。

不幸的是,除非照片经过了显著修改(这在产品图像中通常并非如此),否则包括产品图像在内的摄影图像的PNG文件往往比尺寸相似但质量较低的JPEG图像更大。

因此,对于大多数网站而言,JPEG 一直是并仍然是产品摄影或生活方式摄影的最佳选择,但它们仍未实现美观与速度的完美平衡。

WebP

去年,谷歌推出了自1996年PNG开始取代较旧且较差的GIF格式以来,网络图形的首次真正改进。这种新的网络格式称为WebP(发音为weppy),根据谷歌对约90万张网络图像的研究,WebP图片通常比可比的JPEG图片小39.8%。图像压缩的改进得益于谷歌在图像编码过程中所称的预测编码技术。

Google 表示:“预测编码利用相邻像素块中的值来预测当前块的值,然后仅对实际值与预测值之间的差异(残差)进行编码。”“残差通常包含许多零值,可以更有效地压缩。随后,残差会像往常一样经过变换、量化和熵编码。WebP 还使用可变大小的块。”

Google 致力于推进网络图形技术,并在网站性能与美学之间寻求更好的平衡,这一举措值得肯定。WebP 确实代表了朝着正确方向迈出的进化一步——足以让网站所有者考虑采用 WebP。

如果 WebP 图像确实比同等质量的 JPEG 图像小约 40%,那么使用 WebP 的网页加载速度可能会显著加快,具体取决于所用照片的数量和大小。

例如,对Roxy主页的一项测试发现,该站点有超过1,600K的JPEG图像需要加载。虽然该站点的开发人员已经出色地优化了这些图像,但切换到WebP格式可以将图像文件大小减少到大约974K。

Roxy 可以通过 WebP 加速加载时间。

WebP 仍面临挑战

截至撰写本文时,只有两个重要的网络浏览器——Chrome 和 Opera——原生支持 WebP 格式。Microsoft Internet Explorer 有可用的插件,但开发热门 Firefox 浏览器的 Mozilla 明确拒绝支持 WebP,理由是其在质量和功能方面尚未达到 JPEG 标准。

因此,希望使用 WebP 的网站所有者必须提供某种形式的 JPEG 回退方案。虽然这需要与设计师和开发人员进一步讨论,但向支持的浏览器提供 WebP 图像,而向其他所有浏览器提供 JPEG 图像是可行的,从而在不疏远 Internet Explorer、Safari 或 Firefox 用户的情况下,享受 WebP 更小文件尺寸带来的好处。

关于 WebP 的总结

WebP 是朝着改善网络图像在画质与文件大小之间平衡而迈出的进化一步。该格式在浏览器支持方面确实存在挑战,但随着越来越多的网站所有者采用这种格式并享受其带来的速度提升,这一情况很可能会发生改变。

目前支持 WebP 需要额外的开发工作,因为需要提供 JPEG 作为后备方案。但 WebP 的承诺可能使这项工作值得投入。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 0
粉丝 0
电商实践 电商实践
总阅读0
粉丝0
内容0