Download images from link directly

Hello, I'm trying to create a gallery page, where I would have all my images, and below each image there would be a title and a "download" link. When someone clicks on "download" they would be downloading the image on their computer automatically.

I've found this code on W3 Schools: https://www.w3schools.com/howto/howto_html_download_link.asp

<a href="/images/myw3schoolsimage.jpg" download>
  <img src="/images/myw3schoolsimage.jpg" alt="W3Schools">
</a>

which does exactly what I need! 

I adapted it on my Squarespace website to this:

<a href="https://static1.squarespace.com/static/5bdb20e42714e55b84eab1ce/t/6489e1afea75bd273c2c6170/1686757811651/CL01-ANT-Antinium-CUTOUT-Coolicon-Lighting-1933-factory-style-lamp-pendant-light-shade-1933-antinium-handmade-in-the-uk.png" download>
  <img src="https://www.w3schools.com/images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="auto">
</a>

but instead of the image downloading on the computer, it opens in a new tab.

It seems that Squarespace's code is overwriting my HTML code injection. I contacted support, who suggested that I asked the Forum instead.

How can I  have images being downloaded instead of opening in a new tab please?

44 minutes ago, paul2009 said:

If the image file is stored on Squarespace, you won't be able to achieve this.

This is because Squarespace store images on a separate content delivery network (CDN) which has a different domain name (a different "origin") than your site. There's a security mechanism called a same-origin policy which protects website visitors by preventing files being downloaded if they originate from a different URL than the website being viewed.

Did this help? Please give feedback by clicking an icon below  ⬇️

 

Thank you for your answer, that does make sense.

Is it possible to store the images on the same CDN as my website?

17 minutes ago, ChloeCL said:

Is it possible to store the images on the same CDN as my website?

Your website will be served from your primary domain whereas images won't. It isn't possible to change this.

Ok, thanks for that!

What's interesting is that image files and PDFs open in a tab, but other file types like Zip files and 2D/3d files don't...