在'a href'标签链接中调整图像大小

Question

看下面的代码，我可以展示一个尺寸较小的图片。

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

但是如果我想让href链接显示更小的图片呢？比如说原始图片.jpg大小为1500x1200，但是我希望在链接中显示800x600的大小。

有没有办法做到这样：

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

- leora

---

请不要使用不同的URL来提供经过不同缩放的图片。下载一张1500x1200像素的图片用于在800x600或者300x214像素的屏幕上展示，无论从带宽还是时间上，都是非常浪费的。为了节省资源，请尽可能提供合适尺寸的图片。 - Quentin

不要忘记必填的alt属性（顺便提一下：边框属性已被弃用，请使用CSS代替）。 - Quentin

Answer 1

如果我理解正确，您想使用标签的属性来控制href目标图像的大小？很遗憾，您无法做到这一点。如果您想从链接源控制大小，则最好的方法是使用服务器端脚本提供图像，并在查询字符串中接受大小参数，例如：image.php?img=image.jpg&w=800&h=600。但这是完全不同的问题，超出了我的详细范围。当然，如果您只想将图像更改为特定大小，只需调整实际图像的大小并重新上传即可 :)

- Ben James

Answer 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>

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

- treznik

---

抱歉，我不理解每个部分的意思。你能解释一下吗？谢谢。 - hakunami

Answer 3

如果您打开图像本身是不可能的。

您可以做的是，

链接到一个空的html页面，只有一个<img src="URL" width="" height=""/>，并将其大小应用于它。

- Noam Smadja

Answer 4

看看Node.js中的图像调整器。

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

或者您可以使用Cloudinary Node.js集成，该集成为前7500个图像转换提供免费访问。

- kittu