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

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

感谢伊恩

来源

2012-02-04 Olokoo

基本上你需要有两个图像。全尺寸的一个和一个缩略图。您应该谨慎使用CSS来缩放图像的大小，大部分时间您应该将图像调整为您想要的大小。当你有一个2000x2000大小的图像并使用CSS来使它成为16x16时，你仍然在加载2000x2000大小的图像。无论在用户浏览器中如何渲染，其仍然占用相同数量的带宽。因此，通过创建缩略图图像，您可以极大地减少在用户浏览器中加载的大小和时间。

来源

2012-02-04 15:07:22

呃......不是吗？

你问的问题就像是问你是否可以拿500页的文章，并且每读一百封信，而不计算整个文档。

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

来源

2012-02-04 01:04:59

lol多么复杂的例子。 – elclanrs 2012-02-04 01:06:25

好吧，谢谢，我不知道，因为我知道你可以预先加载一个图像与JavaScript，那里你可以告诉它图像的大小，所以我不知道如果这实际上缩小了图像或没有。 – Olokoo 2012-02-04 01:19:28

客户无法调整大小或压缩图像以获得性能优势。如果客户端可以压缩图像，它会仍然不得不下载全尺寸的原始图片，从而破坏压缩的目的。

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

来源

2012-02-04 04:06:53 Cobby

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

回答

相关问题