使用CSS或<img/>标签调整图像大小是更好/更快吗？

Question

我想知道调整图像大小的更好/更快的方法是什么。

通常我会使用CSS调整图像大小，但是大学通过使用width属性告诉我，例如。

<img width="size" [..]> 

浏览器可以更快地呈现页面。

有人知道这是真的吗？

Answer 1

如果您调整实际图像的大小，而不是希望浏览器将其渲染到的尺寸，则会更快。

Answer 2

在width es和height s的情况下，

img和object是语义的。它们为图像提供元数据，因此依靠这些属性是完全正确的IMO，以便告诉用户代理在图像完全渲染之前它应该将元素预先设置为X维。

Answer 3

您应该设置每个img标记的宽度和高度属性。它加速了渲染页面，因为浏览器不会等待加载的css文件和图像。

Answer 4

如果我们坚持使用演示文稿与结构，我会将您的图像大小放在CSS中。速度真的无关紧要，浏览器必须等待加载图像，所以编写和渲染页面所需的速度是不可测量的，除非你的CSS无法加载... < / p>

Answer 5

对于像这样的非常一般的问题，很难给出明确的答案，但我认为在HTML或CSS中调整图像大小通常更好 - 使图像文件的尺寸合适。

忽略这一点，我认为这两者之间可能没有任何可察觉的差异。