是否应将WebP图像格式用于图库?

时间:2018-12-22 17:48:31

标签: html5

因此,我需要制作一个包含很多图片和不同尺寸的画廊。问题是,在某些时候,电话需要花费很长时间才能加载图像。

我发现WebP格式效果很好,但是Firefox浏览器(YET?)不支持WebP,这是一个大问题。

所以我的问题是:我应该使用JPG / PNG图像格式,对其进行压缩和调整大小,以使它们最大保持500kb至2mb,还是可以为Firefox浏览器用户提供解决方法?

我唯一的想法是将所有图像制作为JPG / PNG格式并复制为WebP格式,此后,调用{Onerror}函数以加载JPG / PNG图像,但是由于计算机下载后,这使网站变得更慢网站上的所有图片...

  

我很难弄清楚,什么是最佳格式/尺寸   图片,以使网站快速,可靠,并包含大量图片。

谢谢!

1 个答案:

答案 0 :(得分:1)

大多数现代浏览器都支持WebP图像格式。但是,IE,Safari或iOS Safari不支持它。

Check out the comparison chart for WebP image support.

我个人使用WebP图像是因为我的站点足够小,不需要支持不兼容的浏览器,但是如果要实现互操作性,则应该使用具有JPG / PNG后备功能的WebP图像。

要表达您的最终声明:

我很难弄清楚,什么是最好的图片格式/大小,以使快速,可靠的网站包含大量图片。

您可能希望使用某些现代技术,例如延迟加载或缩略图压缩,以便图像可以快速一起加载。然后,当用户想要查看一张照片时,您可以加载高质量的版本。