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

Question

我有很多图像要显示在 或

如何在 中制作相同大小的图像/

，但图像大小不同。

要查看我的网站，请单击此处：promolagi.com

谢谢。

Answer 1

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

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

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

Answer 2

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

Answer 3

在你的 CSS 中：

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

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

您可以为每个图像指定这一点：

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

或

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

Answer 4

如果我正确理解您的问题，那么您的图像大小不同，并且您想要创建大小相同的缩略图。

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

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

或者使用基于命令行的图像编辑器 ImageMagic，它可以方便地执行批处理作业。

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

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

其中许多程序还可以为图片库生成 html 代码。