Javascript HTML标签，用于调整图像大小和保存图像

我有一张500x500像素的图像，我想调整它的大小，比如说

200x200

像素。我使用：

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

---

我正试图用新尺寸保存上面的图片，但当我点击它时，它会用原始尺寸保存。。。如何修复此问题？

您正在使用css调整图像大小（这是客户端），因此您已在浏览器窗口中将其大小调整为200px，但这并没有实际更改服务器图像

下载链接将只下载正常大小的原始文件

要更改服务器端的大小，您需要一个服务器，以及调整图像大小的代码/系统，这对于像您这样的新手来说是一个很高的要求

他们还有其他的方法可以做到这一点，但是如果不了解您的用例，就不可能给出建议

一种解决方案是某种在线图像调整api，您可以将图像url封装在其中，它可以为您进行操作

比如

这将允许您添加他们提供的新url，其中包括您的url，他们将免费为您调整大小，如下所示

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

根据这些文档，您只需将rsz.io添加到图像url，然后使用？要应用他们的方法，例如width=200，请参见上面的文档了解详细信息

---

我不是附属机构或与该服务无关。

使用“宽度”仅在web浏览器上调整渲染图像的大小。图像大小仍然与实际大小相同。您已编辑了问题，但我已在下面提供了解决方案。答案仍然是一样的。如果你打算否决一个答案，至少给出一个原因——这个答案为问题提供了一个非常恰当的解释和解决方案-