生成"；“缩略图”；在html中保持比例

在保持比例的同时，是否可以缩小html中的图像

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

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

---

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

快速和肮脏：只需在img标签中设置一个属性：

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

或

是。只需使用高度或宽度

---

但是又快又脏的是

请记住，您也可以给出原始宽度/高度的百分比值，例如：

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

为什么您更喜欢快速而肮脏的解决方案？@phoenix，时间限制-您曾经处理过这些问题吗？或者你总是有时间发布最好的解决方案。这个链接证明了浏览器大小调整的质量非常依赖于浏览器：我在Chrome、IE和Firefox上试用过。在IE和Firefox中，很明显它使用了“快速”过滤器，但它的质量比“快速”预处理图像稍好。在Chrome中，浏览器调整大小后的图像质量非常好。它实际上比高质量的预处理图像要好！我给了你+1，因为你在这两个解决方案中都是正确的（使用高度或宽度），而且它非常脏，因为使用的带宽超过了需要的带宽。这在大多数情况下不起作用-它只会将图像宽度设置为封闭元素宽度的50%。