使用CSS或width / height属性,可以在浏览器中调整img元素的大小。
使用这个(广泛地)是一个好策略,有什么缺点?
答案 0 :(得分:7)
主要缺点是质量:浏览器的调整大小算法针对速度而非质量进行了优化,结果往往看起来很糟糕。
这篇博客文章就是一个很好的例子。虽然我并不完全赞同它的标题,但它通常是值得的:
有专有的CSS过滤器可以影响IE和Firefox IIRC中的调整大小方法和质量,但它们并不适用于所有浏览器。
第二个缺点是客户端性能:您正在向客户端委派代价高昂的操作。如果客户端的图形性能较低(例如,在上网本或旧机器上),调整图像大小可能会降低整个网站的速度。
想到的另一个缺点是带宽使用:如果您在浏览器端传输大图像会大幅缩小,那么您将传输的数据超出必要的数量。
答案 1 :(得分:2)
主要缺点是
优点: 如果要显示原始大小的图像,请加快加载速度
答案 2 :(得分:1)
这取决于。如果图像尺寸(kb)很大,最好将原件尺寸调整为较小尺寸,以减少网站的下载大小。
如果它们很小,那并不重要。唯一的区别是浏览器现在可以控制图像的显示方式。
答案 3 :(得分:1)
不,这不是一个好策略。
请勿使用比您需要的更大的图像 只是因为你可以设置宽度和 HTML中的高度。如果你需要的话 你的形象(mycat.jpg)应该是 100x100px而不是按比例缩小 500x500px图片。