如何使相同大小的图片在,但图像大小不同势
我有很多图像显示到<table>
或<td>
如何使相同大小的图片在,但图像大小不同势
如何使相同大小的图像中<table>
/<td>
,但形象不同势的大小。
为浏览我的网站,请点击这里:promolagi.com
感谢。
当您构建图像时,您可以将其高度和宽度设置为常量。
<img src="..." width="50" height="50" />
请记住,它会拉伸你的形象,以适应你想要的尺寸和质量会降低。
在你的CSS:
table img{
width:200px;
height: 300px;
}
像这一切你在一个表中的图像将有大小的200x300px。
您可以为每个图像指定此:
<img style="height:200px" src="..." />
或
<img height="200px" src="..." />
是的,我的脚本现在是但是,是啊......现在看起来像 – Iwan 2009-12-16 08:58:43
添加一个div中设置的div的大小TD是要显示的图像的大小和然后将溢出设置为隐藏。这应该只显示图像的一部分,但它将始终是相同的大小。
如果我正确理解你的问题,你有不同大小的图像,你想创建大小相同的缩略图。
您需要创建新的图像文件,存储在服务器中的缩略图图像。 (使用全尺寸图像并让浏览器调整尺寸并不是一个好主意。)
您可以使用图像处理程序(Photoshop,PSP,Gimp等)创建缩略图图像。通常这些具有处理多个图像的批处理选项。
或使用基于命令行的图像编辑器,ImageMagic,这对于批量作业很方便。
或使用专用缩略图生成程序。有许多免费的替代品(谷歌缩略图图像生成器)。
由于图像具有不同的比例,因此您必须根据“相同尺寸”来决定您的意思。相同的宽度或相同的高度,或相同的最大尺寸(必须适合指定的矩形内)或同一区域。缩略图生成器程序通常允许您选择这些选项中的任何一个。然后它会为特定文件夹中的所有图像生成缩略图。
许多这些程序也可以为图库生成html代码。
一般来说,你应该在服务器端处理你的图像并在那里创建缩略图。因为如果您使用'',图像在浏览器中缩小,即传输原始(大)图像(使用更多带宽),并且只显示较小。例如,如果您有10张大图像,每张大小为1MB,仍然会传输10MB,尽管它们显示为小型50x50图像。 – 2009-12-16 08:51:07