2011-12-27 46 views
0

我使用的是html。在html表格中,我有一个表格行里面我有公司的标志。是否可以决定图像的高度和宽度?

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

但显示的图像尺寸太大。有没有可能为它设置高度和宽度?

请帮帮我!

+3

认真吗? 'My image'但我不建议依靠浏览器来缩小大图像。改用照片编辑器。 – 2011-12-27 14:37:51

+0

? – nijansen 2011-12-27 14:38:24

+0

可能重复的[我应该指定我的IMG在HTML中的高度和宽度属性?](http://stackoverflow.com/questions/1247685/should-i-specify-he-and-width-attributes-for-my- imgs-in-html) – 2011-12-27 14:44:06

回答

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

可以设置图像标签的widthheight属性,像这样:

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

还要注意,仅使用这些属性中的一个,将调整图像保持宽高比,这将防止图像看起来扭曲。

2

有宽度和高度属性,虽然它会让你稍微阅读级联样式表(css)。

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

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

+0

+1我很高兴别人注意到使用表进行定位。 CSS是一个更好的选择。 – Aaron 2011-12-27 15:07:32

0

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

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

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

0

理想情况下,您绝对不应该依赖于最终优化的网站,但您可以使用CSS 2的最大高度和最大宽度来缩小图像并保持图像宽高比。过去,当我使用这个功能作为php项目的失败保护时,显示用户内容。例如:

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

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