Chrome now supports the HTML spec's new
download attribute to
a elements. When used, this attribute signifies that the resource it points to should be downloaded by the browser rather than navigating to it.
From Downloading Resources:
For example, clicking the following link downloads the .png as "MyGoogleLogo.png" instead of navigating to its
href value: download me. The markup for this is as follows:
<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>
One thing to note is that in the above example, the image has same origin with respect to website. If you try to use a link of image from different origin the link may not work as a navigating link rather than a downloading link. This is because many versions of browser does not support the download policy on cross-origin files. For example Chrome versions prior to 65 did allow downloading cross origin files and it was deprecated in later versions. Read this for more detail. You can use
Content-Disposition header to force a download from other origin.
Browser support: only the current Chrome dev channel release (14.0.835.15+) supports this attribute.