Html 我是否应该在图像标签上添加身高和体重属性，即使它们不是100%正确

我正在开发一个web应用程序，用户可以在其中上传图片。我制作各种尺寸的缩略图。假设其中一个尺寸是240240

对于此缩略图，当我渲染图像时，我希望按照建议设置“高度”和“宽度”属性。然而，用户上传的图像可能真的又高又瘦。在这种情况下，宽度将不是“240”

---

对于这种情况，建议的高度和宽度属性是什么。或者我不必担心缩略图的高度和重量属性。

高度和宽度属性告诉浏览器渲染画布上用于图像的空间尺寸

如果实际图像不是该大小，则将缩放以匹配。如果纵横比不同，则图像将作为缩放的一部分进行拉伸或压缩

您可能应该指定实际尺寸

---

可能适当的做法是缩放缩略图，使最大尺寸为240。如果图像不是正方形，则其他维度应按相同比例缩放。例如，如果用户上载480x100图像，您可以将其缩放为240x50，保留纵横比。

高度和宽度属性告诉浏览器渲染画布上用于图像的空间尺寸

如果实际图像不是该大小，则将缩放以匹配。如果纵横比不同，则图像将作为缩放的一部分进行拉伸或压缩

您可能应该指定实际尺寸

---

可能适当的做法是缩放缩略图，使最大尺寸为240。如果图像不是正方形，则其他维度应按相同比例缩放。例如，如果用户上传一幅480x100的图像，您可以将其缩放到240x50，保留纵横比。

这些属性实际上不是必需的，因此如果您不知道它们，就不要将它们放入

---

你真的希望图像看起来失真吗？如果没有，您最终还是会更改高度和宽度，因此具有虚拟值的属性不会真正起到任何有用的作用。我记得，出于性能原因，建议使用这些属性，这样浏览器在知道图像尺寸后就不必再设置图像尺寸。

这些属性实际上不是必需的，因此如果不知道，就不要将它们放入

---

你真的希望图像看起来失真吗？如果没有，您最终还是会更改高度和宽度，因此具有虚拟值的属性不会真正起到任何有用的作用。我记得，出于性能原因，建议使用它们，这样浏览器在知道图像尺寸后就不必再设置它们。

不，您不应该在

img

元素上放置不正确的

宽度和
高度。但是，在创建缩略图时，应该输出正确大小的图像。例如，不要将图像从<代码> 500 < /代码> x <代码> 200 到<代码> 240 <代码> x代码> 96 <代码>，创建一个新的、透明的图像，即“代码> 240 <代码> x代码> 240 <代码>，并在透明图像的中间放置缩放图像（<代码> 240 < /代码> x>代码> 96 < /代码>）。然后，您可以在
img
上指定
width
和
height
，并且不会错误地拉伸任何图像。
否，您不应该在
img
元素上放置错误的
width
和
height
。但是，在创建缩略图时，应该输出正确大小的图像。例如，不要将图像从<代码> 500 < /代码> x <代码> 200 到<代码> 240 <代码> x代码> 96 <代码>，创建一个新的、透明的图像，即“代码> 240 <代码> x代码> 240 <代码>，并在透明图像的中间放置缩放图像（<代码> 240 < /代码> x>代码> 96 < /代码>）。然后，您可以在
img
上指定
宽度
和
高度
，并且不会错误地拉伸任何图像。
或者，如果可以确保其中一个尺寸是固定的，则应设置该尺寸

如果要构建包含非统一内容的统一网格，可以在包含div/表格单元格/您拥有的内容上设置高度和宽度。
或者，如果可以确保其中一个维度是固定的，则应设置该维度

如果您正在构建包含非统一内容的统一网格，则可以在包含div/表格单元格/您拥有的内容上设置高度和宽度。
强烈建议设置
img
元素的
宽度和
高度，因为不设置它们将导致页面回流（其他元素将移动）加载图像时（当然，除非包含元素没有其他子元素且具有设置的大小）。因此，这不仅是出于性能原因，而且当专门设置图像大小时，最终用户会注意到一个改进。强烈建议设置
img
元素的
宽度
和
高度
，因为当图像加载时，不设置这些元素将导致页面回流（其他元素将移动）（当然，除非包含元素没有其他子元素且具有设置的大小）。因此，这不仅是出于性能原因，而且最终用户在专门设置图像大小时会注意到改进。