为什么HTML中设置width/height修改图片显示尺寸后，下载仍为原始尺寸？

<html>
    <head>
        <title>image</title>
    </head>
    <body>
        <p> 
            <img src="pics/kristen_stewart.jpg" width="200"  height="200"  alt="Kristen stewart" title="Kristen stewart" />
        </p>
    </body>
</html>

• HTML中<img>标签的width、height属性仅为浏览器端的渲染显示参数，没有修改源图片文件的能力。你设置的200x200仅要求浏览器将加载到的图片资源缩放到对应尺寸后展示在页面上，不会对服务器存储的原始图片文件产生任何改动。
• 浏览器加载图片时会直接向服务器请求src属性指向的原始图片文件，服务器不会根据HTML页面内的标签参数动态调整返回的图片内容，上述代码中服务器返回的仍然是原始尺寸400x270的kristen_stewart.jpg，完整文件会被下载到浏览器本地缓存中。
• 执行图片下载操作时，浏览器默认调用的是缓存中存储的完整原始图片文件，而非页面上经过渲染缩放后的画面，因此最终得到的还是原始尺寸的文件。

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