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

kos*_*kos 2 javascript

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

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

Pek*_*ica 7

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

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

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

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

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