在“a href”标签链接中调整图像大小答案

【问题标题】：resize an image in 'a href' tag link在“a href”标签链接中调整图像大小
【发布时间】：2010-12-07 01:01:39
【问题描述】：

查看下面的代码，我可以显示一个较小尺寸的图像

<a href="images/image.jpg"><img src="images/image.jpg" width="300" height="214" border="0"></a>

但是如果我希望 href 链接也显示较小尺寸的图像怎么办。所以可以说原始 image.jpg 是 1500x1200，在链接中我想显示 800x600。

有没有办法做这样的事情：

<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a>

【问题讨论】：

请不要 — offog.org/articles/image-scaling — 使用不同的 URL 并将图像缩放到不同的大小。下载 1500x1200 的图像以 800x600 或 300x214 显示（充其量）是对带宽和时间的可怕浪费。
... 并且不要忘记强制 alt 属性（主题：border 属性已被弃用，请改用 CSS）。

标签： html image resize

【解决方案1】：

查看 nodejs 中的图像调整器。

这是链接：https://github.com/jimmynicol/image-resizer

或者您可以使用 cloudinary nodejs 集成，它为前 7500 个图像转换提供免费层访问

【讨论】：

【解决方案2】：

这是一个有趣的解决方案：

<a href="javascript:document.getElementsByTagName('body')[0].innerHTML='<img src=images/image.jpg width=800 height=600>'"><img src="images/image.jpg" width="300" height="214" border="0"></a>

虽然我个人不推荐它，但它确实有效。 :)

【讨论】：

对不起。我不明白每个部分的含义。你能解释一下吗？谢谢。

【解决方案3】：

如果我理解正确，您想使用a 标签的属性来控制作为href 目标的图像的大小？

你不能那样做。您最好的选择（从链接源控制大小）是使用服务器端脚本提供图像，该脚本接受查询字符串中的大小参数。喜欢image.php?img=image.jpg&w=800&h=600。

但这完全是另外一个问题，我在这里无法详细介绍。

当然，如果您只想将图像更改为特定大小，只需调整实际图像的大小并再次上传即可：)

【讨论】：

【解决方案4】：

由于您打开图像本身，这是不可能的。

你能做的是，

链接到仅包含<img src="URL" width="" height=""/> 的空html 页面，并对其应用大小。

【讨论】：