Do us a favor and share this post!

When updating your website’s content, you may come across one of these annoying little icons.

broken images

These icons simply mean that an inserted image on your site cannot be found or displayed. Not only can they be frustrating, they can distort your page layout, which will affect user experience and the visual aspect of your website. Like broken links, broken images can happen for several reasons.

The image is nonexistent.

This is the most common cause of broken images, and thankfully, it’s one of the simplest to correct. If you use an FTP (File Transfer Protocol) to add images to your website, it’s most likely that the image was uploaded to the wrong folder. Double check the image’s location, and if you find that it’s in the correct folder, move on to the next step.

Conflicting/Outdated Plugins

If you use WordPress, it’s necessary to install and utilize a multitude of plugins for your site. While these plugins are extremely user-friendly, they tend to make changes below the surface, which could potentially cause an array of issues within your website.

The simplest way to avoid this is to regularly update your website’s plugins. New versions of plugins offer new features, updated security patches, and bug fixes, which are crucial to the well-being of your website and can offer solutions to simple issues– like broken images.

Updating your website’s plugins can be done automatically through WordPress, or manually. A word of caution: when you install or update plugins, they change and add code to your website, which can cause unexpected issues. If you find that your plugins aren’t performing correctly, contact a professional website developer or editor.

The filename/extension is incorrect.

Seemingly insignificant typos or incorrect image extensions can easily slip into your website’s code, and if not corrected, it can wreak havoc on page layouts and visual aspects of the site. Programming tends to rely on specific codes, letters, and numbers. Unfortunately, if a single character is incorrect, it can throw everything off.

Confirm that the extension matches the line of code that contains the image’s filename, and if it does, move on to the next step.

Note: If you feel uneasy delving deeper into your website and editing code, contact Analytic Design for a free 30-minute consultation!

You linked to file located on a local server, like your computer.

When you upload images/files to the internet, your website cannot understand or know about the files that are located on your computer. Local file paths will almost always result in broken images, so be sure to use a relative file path (here’s a tutorial on implementing a relative file path in HTML code).

“Parts of this page are not secure such as images.”

These errors usually occur when using SSL encryption and various links, images or CSS commands are using the ‘http’ protocol and not properly redirecting to ‘https’. Contact us to work with you to formulate an appropriate comprehensive redirection solution.

If none of the above solutions work, contact Analytic Design for a free consultation! Our designers, developers, and support staff have a collective twenty years of experience and technical expertise in the marketing, analytics, design and programming arenas, which gives Analytic Design a competitive edge to help you develop strategy more effectively. Our expert consultants will partner with you to improve performance, enhance infrastructure and stimulate growth. To learn more about our services, click here.