如何使相同大小的圖片在​​，但圖像大小不同勢

Question

我有很多圖像顯示到<table>或<td>

如何使相同大小的圖像中<table>/<td>，但形象不同勢的大小。

爲瀏覽我的網站，請點擊這裏：promolagi.com

感謝。

Answer 1

當您構建圖像時，您可以將其高度和寬度設置爲常量。

<img src="..." width="50" height="50" /> 

請記住，它會拉伸你的形象，以適應你想要的尺寸和質量會降低。

Answer 2

在你的CSS：

table img{ 
    width:200px; 
    height: 300px; 
} 

像這一切你在一個表中的圖像將有大小的200x300px。

您可以爲每個圖像指定此：

<img style="height:200px" src="..." /> 

或

<img height="200px" src="..." /> 

Answer 3

添加一個div中設置的div的大小TD是要顯示的圖像的大小和然後將溢出設置爲隱藏。這應該只顯示圖像的一部分，但它將始終是相同的大小。

Answer 4

如果我正確理解你的問題，你有不同大小的圖像，你想創建大小相同的縮略圖。

您需要創建新的圖像文件，存儲在服務器中的縮略圖圖像。 （使用全尺寸圖像並讓瀏覽器調整尺寸並不是一個好主意。）

您可以使用圖像處理程序（Photoshop，PSP，Gimp等）創建縮略圖圖像。通常這些具有處理多個圖像的批處理選項。

或使用基於命令行的圖像編輯器，ImageMagic，這對於批量作業很方便。

或使用專用縮略圖生成程序。有許多免費的替代品（谷歌縮略圖圖像生成器）。

由於圖像具有不同的比例，因此您必須根據「相同尺寸」來決定您的意思。相同的寬度或相同的高度，或相同的最大尺寸（必須適合指定的矩形內）或同一區域。縮略圖生成器程序通常允許您選擇這些選項中的任何一個。然後它會爲特定文件夾中的所有圖像生成縮略圖。

許多這些程序也可以爲圖庫生成html代碼。