在浏览器中调整图像大小是一个好策略吗?

时间:2010-06-29 08:41:41

标签: javascript

使用CSS或width / height属性,可以在浏览器中调整img元素的大小。

使用这个(广泛地)是一个好策略,有什么缺点?

4 个答案:

答案 0 :(得分:7)

主要缺点是质量:浏览器的调整大小算法针对速度而非质量进行了优化,结果往往看起来很糟糕。

这篇博客文章就是一个很好的例子。虽然我并不完全赞同它的标题,但它通常是值得的:

有专有的CSS过滤器可以影响IE和Firefox IIRC中的调整大小方法和质量,但它们并不适用于所有浏览器。

第二个缺点是客户端性能:您正在向客户端委派代价高昂的操作。如果客户端的图形性能较低(例如,在上网本或旧机器上),调整图像大小可能会降低整个网站的速度。

想到的另一个缺点是带宽使用:如果您在浏览器端传输大图像会大幅缩小,那么您将传输的数据超出必要的数量。

答案 1 :(得分:2)

主要缺点是

  1. 下载速度
  2. 调整大小不正确
  3. 优点: 如果要显示原始大小的图像,请加快加载速度

答案 2 :(得分:1)

这取决于。如果图像尺寸(kb)很大,最好将原件尺寸调整为较小尺寸,以减少网站的下载大小。

如果它们很小,那并不重要。唯一的区别是浏览器现在可以控制图像的显示方式。

答案 3 :(得分:1)

不,这不是一个好策略。

  

请勿使用比您需要的更大的图像   只是因为你可以设置宽度和   HTML中的高度。如果你需要的话   你的形象(mycat.jpg)应该是   100x100px而不是按比例缩小   500x500px图片。

http://developer.yahoo.com/performance/rules.html#no_scale