如何制作相同尺寸的图像，但图像尺寸不同

Question

我有很多图片要显示在<table>或<td>

中

如何在<table> / <td>中制作相同尺寸的图像，但图像尺寸不同。

查看我的网站点击此处：promolagi.com

感谢。

Answer 1

在你的CSS中：

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

像这样，表中的所有图像都将具有200x300px的大小。

您可以为每张图片指定：

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

或

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

Answer 2

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

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

请记住，它会拉伸您的图像以适合您想要的尺寸，并且质量会降低。

Answer 3

在td中添加一个div，将div的大小设置为您希望图像显示的大小，然后将溢出设置为隐藏。这应该只显示图像的一部分，但它总是相同的大小。

Answer 4

如果我正确理解您的问题，您的图片尺寸会有所不同，并且您想创建尺寸相同的缩略图。

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

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

或者使用基于命令行的图像编辑器ImageMagic，这对于执行批处理作业非常方便。

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

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

其中许多程序也可以为图库创建HTML代码。