因此,我需要制作一个包含很多图片和不同尺寸的画廊。问题是,在某些时候,电话需要花费很长时间才能加载图像。
我发现WebP格式效果很好,但是Firefox浏览器(YET?)不支持WebP,这是一个大问题。
所以我的问题是:我应该使用JPG / PNG图像格式,对其进行压缩和调整大小,以使它们最大保持500kb至2mb,还是可以为Firefox浏览器用户提供解决方法?
我唯一的想法是将所有图像制作为JPG / PNG格式并复制为WebP格式,此后,调用{Onerror}函数以加载JPG / PNG图像,但是由于计算机下载后,这使网站变得更慢网站上的所有图片...
我很难弄清楚,什么是最佳格式/尺寸 图片,以使网站快速,可靠,并包含大量图片。
谢谢!
答案 0 :(得分:1)
大多数现代浏览器都支持WebP图像格式。但是,IE,Safari或iOS Safari不支持它。
Check out the comparison chart for WebP image support.
我个人使用WebP图像是因为我的站点足够小,不需要支持不兼容的浏览器,但是如果要实现互操作性,则应该使用具有JPG / PNG后备功能的WebP图像。
要表达您的最终声明:
我很难弄清楚,什么是最好的图片格式/大小,以使快速,可靠的网站包含大量图片。
您可能希望使用某些现代技术,例如延迟加载或缩略图压缩,以便图像可以快速一起加载。然后,当用户想要查看一张照片时,您可以加载高质量的版本。