是否可以决定图像的高度和宽度？

Question

我正在使用HTML。在html表中，我在td内有一个表行，我有公司徽标。

<image src="images\some.jpg">

但显示的图像尺寸太大。是否可以为它设置高度和宽度？

请帮助我！

Answer 1

有宽度和高度属性，但是您可以在级联样式表（css）上进行一些阅读。

<img src="..." width="100" height="200" alt="Company Logo"/>

您应该只能指定宽度或仅指定高度来自动缩放其他尺寸。

Answer 2

<td><img src='abc.png' height='x' width='y'></td> // set x and y to integers

Answer 3

您可以设置图片代码的width和height属性，如下所示：

<img src="../image/path" width="100" height="100" />

另请注意，仅使用其中一个属性，将调整图像大小，保持纵横比，这样可以防止图像变形。

Answer 4

是的，您可以使用height和width属性，例如<img src=logo.gif alt=ACME width=50 height=20>。您还可以在CSS中设置height和width属性。

当宽度或高度与图像本身的尺寸不同时，浏览器会重新缩放图像。

但是，在您喜欢的图像处理程序中缩放图像几乎总是更好。通过这种方式缩小大图像可以控制结果的质量，还可以节省带宽（以及浏览器中的处理时间）。

Answer 5

理想情况下，您不应该依赖此最终优化网站，但您可以使用CSS 2的最大高度和最大宽度来缩小图像并保持图像宽高比。我在过去显示用户内容时使用它作为php项目的故障保护。例如：

<style type="text/css">
.scaledimg {
max-height: 200px;
max-width: 200px;
}
</style>

<img class="scaledimg" src="imagesourcehere" />