如何在加载图像时缩小图像的大小

Question

我想以16x16显示图像。但是当我使用css，例如：（width：16px;）时，图像仍然以其原始大小加载，这会减慢加载页面所需的时间。我想知道是否有办法只将图像加载为16x16而不是像2000x2000，不仅仅是改变图像的宽度和高度，也不用PHP改变图像的实际大小。

由于 伊恩

Answer 1

呃...不是吗？

你所要问的就是询问你是否可以参加一篇长达500页的文章，并且不用计算整个文件就可以拿走每1000个字母。

唯一真正的方法是首先将图像设置为16x16。

Answer 2

客户端无法调整大小或压缩图像以获得性能优势。如果客户端可以压缩图像，那么仍然必须下载完整尺寸的原件，从而无法压缩目的。

因此，以16x16获取图像的唯一方法是使其大小，或者使用服务器端脚本来调整图像大小。

Answer 3

基本上你需要有两张图片。完整大小和缩略图大小。你应该谨慎使用CSS来缩放图像的大小，大多数时候你应该将图像大小调整到你想要的大小。如果你有一个2000x2000大小的图像并使用CSS使其成为16x16，你仍然在加载2000x2000大小的图像。无论在用户浏览器中呈现的方式如何，它仍占用相同数量的带宽。因此，通过创建缩略图，您可以大大减少在用户浏览器中加载所需的大小和时间。