如何使我的网站上的照片加载更快



在我的上一个项目中,我的网站上的照片有问题。他们装载的货物太多了。用户必须等待才能看到整个画面。我重新缩放了照片,但这让它们在桌面上像素化了,而且它们在智能手机上加载得很长。(基本上问题出在智能手机上(。有没有其他方法可以上传html(不是"img src="""(或css(不是"backgoround-image:url();"(中的pohotos?什么决定了加载照片的速度?

图像加载性能中最重要的因素是加载的图像文件的大小(以字节为单位(。在高分辨率数码相机无处不在的世界里,获取数百万字节的高分辨率图像很容易。它们适合印刷。

世界上有很多工具可以对图像进行下采样(将图像的宽度/高度从4096/3072降低到512/384(。如果你使用的是JPEG图像,你的相机可能会以非常高的JPEG质量捕捉到它们,比如说3。大多数工具在对图像进行下采样的同时,也可以将JPEG质量从3降低到35左右。当输入图像需要5兆字节时,生成的图像需要60千字节并不罕见。

在大多数网站上,降采样和JPEG降低质量的图像看起来都很好,并且其中的字节数会减少一个数量级或更多。这就是你的速度。

你没有说你如何提供你的图像,所以很难给你具体的建议如何做。

在使用图像之前尝试调整图像大小。

最新更新