在html中生成“缩略图”，同时保持比例

是否可以在保持比例的同时缩小html中的图像尺寸？在html中生成“缩略图”，同时保持比例

我知道我可以使用img标签的高度和宽度属性，但我不知道图像的大小。

请不要告诉我要找出服务器上的图片大小，或者正确的方法是在服务器端生成缩略图，这样可以节省带宽并缩短页面加载时间。

我知道什么理想解决方案是。但我想快速和肮脏......

来源

2009-10-20 flybywire

为什么你喜欢快速和肮脏的解决方案？ – rahul 2009-10-20 09:41:12

@凤凰，时间限制 - 你有没有必要处理它们？还是你总是有时间运送最好的解决方案？ – flybywire 2009-10-20 10:25:12

快速和肮脏的：刚刚成立的img标签的属性之一：

<img src="my.jpg" width="200" /> or <img src="my.jpg" height="200" />

来源

2009-10-20 09:42:21 Trick

是。只需使用高度或宽度。

但快捷又脏兮兮的是very dirty。

来源

2009-10-20 09:42:41 Quentin

该链接证明浏览器调整大小的质量非常依赖于浏览器：我在Chrome，IE和Firefox中尝试过。在IE和Firefox中，显然它使用了“快速”滤镜，但质量稍好于“快速”预处理图像。在Chrome中，浏览器调整大小的图片的质量实际上非常高。它实际上比高质量的预处理图像更好！ – awe 2009-10-20 09:57:59

我给你+1，因为你在解决方案（使用高度**或**宽度）是正确的，并且它是非常肮脏的基础上使用更多的带宽比必要的。 – awe 2009-10-20 10:01:05

也请记住，你可以给原有的宽度/高度值的百分比为好，例如：

<img src="my.jpg" width="50%" />

来源

2009-10-20 09:50:22 Anax

这在大多数情况下不起作用 - 它只会将图像宽度设置为封闭元素宽度的50％。 – 2009-10-23 00:44:51

在html中生成“缩略图”，同时保持比例

回答

相关问题