不同图片扩展程序(jpg,png)的浏览器加载速度是否存在差异?

时间:2013-01-29 14:29:39

标签: css optimization browser

我有一张想要转换为png / jpg的图片。 每种类型的文件大小差异非常小(photoshop save-for-web-and-devices optimized): image.png为155个字节 image.jpg

357个字节

我也不太关心文件类型,因为没有不透明度。

图像类型之间浏览器的加载速度是否有任何差异? 比方说,例如,firefox更喜欢.png文件,因为它们是未压缩的,因此加载速度更快(只是一个想法)。

感谢

2 个答案:

答案 0 :(得分:1)

图像的加载速度取决于文件的大小和用户的连接速度。加载网站时,浏览器会下载包含图像的页面的临时副本。您可能无法区分,但JPG将花费两倍的时间来加载355个字节。这些文件非常小,除非你在一个页面上说过100个独特的图像,否则它实际上不应该对加载速度产生影响。

答案 1 :(得分:0)

您需要测试一个非常大的样本,以找出渲染两种不同文件类型之间的区别。即使具有如此小的尺寸差异,较小的文件大小也可能比文件类型具有更大的差异。

唯一可以确定的方法是尝试并测量它 - 然后重复一段时间以获得良好的数据样本。

如果你真的想要进行超优化,减少请求的数量会比文件大小(基于你提供的数字)或文件类型更有益 - 所以你可以选择image-sprites来将n张图片缩小为1张图片。