I am currently working on a website and I have successfully installed my SSL certificate.The GeoTrust SSL/TLS checker confirmed that the certificate chain (including CA) is properly installed. Everything looks fine on Chrome but my padlock is not green and on Firefox it actually states that the website is not secure because there is unencrypted elements on it.I used an online service to check why that is and it turns out that indeed my images are not considered secure URLs.How do I deal with this situation, aka how do I embed images on my website securely?
HTTPS connection is not safe due to images
https;images;security
Your image tags must currently look like:<img src=http://example.com/images/image.jpg>That http in there means that the image is NOT served securely.   An attacker could change the image in transit and thereby change how your otherwise secure page looks to your users.Instead you could use any of the following to serve the images securely:Link to https explicitly: <img src=https://example.com/images/image.jpg>Use relative linking to images on your own domain: <img src=/images/image.jpg>Use protocol relative linking to use images from other domains: <img src=//example.com/images/image.jpg>Explicit https will always serve the image securly (even when the page is not served securely) while relative linking will serve the image securely only if the page is served securely.In Firefox and chrome you can click on the padlock and get more information about the problem.   Having done so, here is a screen shot from Firefox showing a list of all the images an the page.  It is easy to scan the list and see which ones are http: