如何使网站上的照片加载速度更快?

问题描述

在上一个项目中,我对网站上的照片有疑问。他们正在加载很长时间。用户不得不等待查看整个图片。我重新调整了照片的比例,但是这使它们在桌面上成为像素,并且它们在智能手机上的加载时间很长(基本上是智能手机的问题)。还有其他方法可以以html(而不是“ img src=""”或css(而不是“ backgoround-image:url();”)上传图片吗? 是什么决定照片的加载速度?

解决方法

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

世界上有很多工具可以对图像进行下采样(将图像的宽度/高度从4096/3072减少到512 /384。如果使用的是JPEG图像,则相机可能会以很高的JPEG捕获图像)假设质量为3。大多数工具在对图像进行下采样的同时,还可以将JPEG质量从3降低到35。当输入图像需要5兆字节时,结果图像需要60 KB并不少见。

在大多数网站上,经过降采样和JPEG降低质量的图像看起来很好,并且其中的字节数量级或更多。有你的速度。

您没有说出如何提供图像,因此很难为您提供具体建议。

,

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