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

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

谢谢 伊恩。。。没有

你所问的就像是问你是否可以拿一篇500页的文章，每1000封信就拿一封，而不需要计算整个文件

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

你所问的就像是问你是否可以拿一篇500页的文章，每1000封信就拿一封，而不需要计算整个文件

---

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

客户端无法调整或压缩映像以提高性能。如果客户端可以压缩图像，它仍然需要下载完整大小的原始图像，这与压缩的目的背道而驰

---

因此，获得16x16图像的唯一方法是将其设置为该大小，或者使用服务器端脚本调整图像大小。

客户端无法调整图像大小或压缩图像以提高性能。如果客户端可以压缩图像，它仍然需要下载完整大小的原始图像，这与压缩的目的背道而驰

---

因此，获得16x16图像的唯一方法是将其设置为该大小，或者使用服务器端脚本调整图像大小。

基本上，您需要有两个图像。全尺寸的和缩略图大小的。您应该谨慎地使用CSS来缩放图像的大小，大多数情况下，您应该将图像调整为您想要的大小。当您有一个2000x2000大小的图像并使用CSS将其设置为16x16时，您仍在加载2000x2000大小的图像。无论它在用户浏览器中的呈现方式如何，它仍然占用相同的带宽。因此，通过创建缩略图像，您的ar将大大减少在用户浏览器中加载所需的大小和时间

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

好的，谢谢，我不确定，因为我知道你可以用javascript预加载图像，然后你可以告诉它图像的大小，所以我不确定这是否真的缩小了图像。好的，谢谢，我不确定，因为我知道你可以用javascript预加载一个图像，在那里你可以告诉它图像的大小，所以我不确定这是否真的缩小了图像。