Chrome - broken images and graphics on the website

Blog tutorial Chrome - broken images and graphics on the website
An image of a broken camera

At present (October 2019), browsers block several types of mixed content, such as scripts and iframes insecurely loaded over http:// on https:// pages. As of next year, Chrome, the most popular browser in the world, will be blocking http:// images and video as well. If images display incorrectly on your website, then it’s probably because of the insecure http:// configurations. In this article, you will find out how to find and fix all broken images with Pulno.

These changes are to improve users’ security and privacy. At the moment, the http:// elements present a security risk for your site visitors. For more details and examples, go to this Chromium post.  

Let’s focus on finding and eliminating the errors on your website, to send a clear security message to the users and browsers likewise. After all, Google’s web crawler bots have been running on the latest version of Chrome for a few months now.


How to find insecure and broken resources?

You can use Pulno to find all resources loading insecurely over http://. Perform an analysis of all the pages on your website.

checking more pages

If Pulno finds any issues, you will see the following message.

Resources sent without encryption on xx pages

All resources should be sent via encrypted protocol

resources without encryption

Or a message about insecure images:

Images sent without encryption 

Images sent without encrypted protocol on xx pages.

images without encryption

How to fix broken images? 

In most cases it is enough to change the http URL version to https, see below:

http://www.example.com/images/catimage.jpg 

should be changed to:

https://www.example.com/images/catimage.jpg

As you can see, all you need to do is add “s” after “http”. The easiest way to change all of the URLs is to use a script written by your web developer. However, if there aren’t too many broken links, you can do it yourself. Read on to find out how to do it in the most popular CMS in the world, WordPress.

 

How to change the http:// images to https:// in WordPress?

This change in WordPress is really easy. Switch your editor to plain text mode and add ”s” to every image loaded over http://. Save your post. That’s all - easy, isn’t it?

changing http to https

If there are a lot of issues, it’s better to export data from Pulno and have a summary of all the issues in a spreadsheet, to make sure that you address every point properly. Find out how to prepare a clear checklist in this article.  

number of records found in Pulno

Conclusion 

Fixing the issues with the http:// resources is easy. I recommend taking care of it right away, to make sure that your website displays properly. It is very important for the users of your website and to web browsers as well. 


×

SEO Audit and Website Analysis

Enter website URL to start free audit

Enter valid URL
Enter valid e-mail
You have to accept the terms.