Support Forums

How to make another website be able to access the images on a website loaded on netlify?

I have a website where the link is: https://totabookos.netlify.app/(it’s in portuguese)
I had the idea to add the ambient mode with beautiful images, but, because they are in high resolution it would take time to export my site, so, I created another site just to store the images, but, when the site tries to load them, it does not work and the following errors are displayed in the browser console: Access to image at ‘https://bookos-api-ambiente.netlify.app/images/background6-sheet0.png’ from origin ‘https://totabookos. netlify.app’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. And the other error is: GET https://bookos-api-ambiente.netlify.app/images/background6-sheet0.png net::ERR_FAILED. Thanks to everyone who help

Welcome to the forums @thomazobrum

You might find using a service such as ImageKit or Cloudinary much better suited to what you are wishing to do. Both have very generous free tiers, and have various image transformation options.


Thank you very much, it helped a lot!