如何在HTML中保存图片的渲染尺寸而非原始尺寸？

以下是几个可行的解决方案：

• 浏览器截图截取渲染后的尺寸
  用浏览器自带的区域截图功能，比如Windows/Linux按Ctrl+Shift+A，Mac按Cmd+Shift+A，精准框选页面上显示的图片区域，保存后就是渲染后的657px宽度的图片。

• 修改图片链接尺寸后保存
  维基媒体的缩略图链接支持自定义尺寸，步骤如下：

  1. 右键页面上的图片，选择「检查」打开开发者工具
  2. 在Elements面板找到<image>标签，把src属性里的800px替换成657px，修改后的链接为：

     https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/657px-Python-logo-notext.svg.png
     

  3. 右键修改后的图片，选择「另存为」，就能直接下载到657px宽度的图片。

• 下载原始图后手动缩放
  先下载原始的800px图片，用本地图片编辑工具（比如Photoshop、GIMP、系统自带的画图工具）打开，将图片宽度调整为657px，高度会自动按比例适配，调整完成后保存即可。

内容的提问来源于stack exchange，提问作者Erle