如何使相同大小的图片在，但图像大小不同势

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

为浏览我的网站，请点击这里：promolagi.com

感谢。

2009-12-16 Iwan

一般来说，你应该在服务器端处理你的图像并在那里创建缩略图。因为如果您使用''，图像在浏览器中缩小，即传输原始（大）图像（使用更多带宽），并且只显示较小。例如，如果您有10张大图像，每张大小为1MB，仍然会传输10MB，尽管它们显示为小型50x50图像。 – 2009-12-16 08:51:07

当您构建图像时，您可以将其高度和宽度设置为常量。

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

请记住，它会拉伸你的形象，以适应你想要的尺寸和质量会降低。

2009-12-16 08:39:53 Faruz

如果使用那不成比例。例如：图片1：200x120 图片2：300X 100 所有的图像是不同势大小感谢 – Iwan 2009-12-16 08:42:13

如果你只是把其中一个（高度或宽度），它会保持比例 – Faruz 2009-12-16 09:28:43

是的，现在我只设置高度= 150像素。但是，是的，现在看起来像。不好 – Iwan 2009-12-16 09:40:23

在你的CSS：

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

像这一切你在一个表中的图像将有大小的200x300px。

您可以为每个图像指定此：

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

或

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

2009-12-16 08:41:14 marcgg

是的，我的脚本现在是但是，是啊......现在看起来像 – Iwan 2009-12-16 08:58:43

添加一个div中设置的div的大小TD是要显示的图像的大小和然后将溢出设置为隐藏。这应该只显示图像的一部分，但它将始终是相同的大小。

2009-12-16 08:41:22 matpol

如果我正确理解你的问题，你有不同大小的图像，你想创建大小相同的缩略图。

您需要创建新的图像文件，存储在服务器中的缩略图图像。（使用全尺寸图像并让浏览器调整尺寸并不是一个好主意。）

您可以使用图像处理程序（Photoshop，PSP，Gimp等）创建缩略图图像。通常这些具有处理多个图像的批处理选项。

或使用基于命令行的图像编辑器，ImageMagic，这对于批量作业很方便。

或使用专用缩略图生成程序。有许多免费的替代品（谷歌缩略图图像生成器）。

由于图像具有不同的比例，因此您必须根据“相同尺寸”来决定您的意思。相同的宽度或相同的高度，或相同的最大尺寸（必须适合指定的矩形内）或同一区域。缩略图生成器程序通常允许您选择这些选项中的任何一个。然后它会为特定文件夹中的所有图像生成缩略图。

许多这些程序也可以为图库生成html代码。

2009-12-16 09:44:22 PauliL

如何使相同大小的图片在​​，但图像大小不同势