HTML用于调整大小和保存图像的标记

时间:2017-11-06 21:49:04

标签: javascript html image

我有500x500像素的图像,我想调整它的大小,让我们说200x200像素。我用:

<a download="mypic.png" href="mypic.png" title="ImageName">
    <img alt="ImageName" src="mypic.png" width=200>
</a>

我正在尝试使用新尺寸保存上面的图像但是当我点击它时会将其与原始图像一起保存...我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您正在使用css(这是客户端)调整图像大小,因此您已在浏览器窗口中将其大小调整为200px但未实际更改服务器图像。

下载链接只会下载正常尺寸的原件。

要改变服务器端的大小,您需要一台服务器,以及用于调整图像大小的代码/系统,对于像您这样的新手而言,这将是一项很高的要求。

他们还有其他方法可以做到这一点,但不知道你的用例,就不可能提出建议。

一种解决方案是某种在线图像调整大小api,你可以将你的图像网址包起来,它会为你操纵它。

,例如

http://rsz.io/

这应该允许您添加他们提供的包含您的网址的新网址,他们会免费为您调整大小,如下所示

<a href="https://i.pinimg.com.rsz.io/originals/e6/9e/50/e69e504fa3ad6c5a5ded9ec199795fa7.jpg?width=200" download>Save!</a>

根据那些文档,您只需将rsz.io添加到您的图片网址然后使用?要应用宽度= 200的方法,请参阅上面的文档以获取详细信息。

我不是该会员或与该服务有关。