html - 在 html 文档中，使用高度和宽度标签调整图像大小是一种不好的做法吗？

Question

如果我有一个 Logo 图像，并且我想在另一个页面上使用它，而我要求它的尺寸更小，我的本能是创建一个新图像，并使用图形编辑器调整大小。但是，我听说如果我改为引用原始图像并通过更改图像标记中的高度和宽度来使用浏览器调整它的大小，对用户来说会更好。

所以我问人群，这里的最佳实践是什么？

谢谢你的时间，

-- 亨利

Answer 1

我的默认响应是“在图形应用程序中调整它的大小”，但这取决于您如何使用它。

当您将图像大小调整留给浏览器时，必须先下载原始(全尺寸)图像，然后浏览器才能以较小的比例显示它。这意味着您使用更多带宽并且您的网页需要更长的时间来加载。但是，如果您主要在整个站点中使用较大的图像，那么始终使用该图像会更快，因为浏览器可以缓存它。

如果您关心图像质量，您会获得更好的结果，并且可以更好地控制使用专用图形应用程序调整图像大小的下采样过程。