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

【问题标题】：is it possible to decide height and width of a image?是否可以决定图像的高度和宽度？
【发布时间】：2011-12-28 02:25:07
【问题描述】：

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

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

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

请帮帮我！

【问题讨论】：

认真的吗？ <img width=500 height=300 alt="My image" src=...> 但我不建议依靠浏览器来缩小大图。请改用照片编辑器。
?
Should I specify height and width attributes for my IMGs in HTML? 的可能重复项

标签： html image

【解决方案1】：

有 width 和 height 属性，尽管您应该对级联样式表 (css) 做一些了解。

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

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

【讨论】：

【解决方案2】：

你可以设置图片标签的width和height属性，如下：

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

另外请注意，仅使用其中一个属性，将调整图像大小并保持纵横比，这将防止图像看起来失真。

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

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

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

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

【讨论】：

【解决方案5】：

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

【讨论】：