2011-12-27 47 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" />