How to fix broken images in WordPress

Broken images can be seen all over the web on any website of any caliber. It happens to the best of us and is usually just an honest mistake. While they are not only found on WordPress websites, but also broken images are easy to fix in WordPress and that’s what we’re going to go over here.

What is a broken image in WordPress?

Simply speaking, a broken image is an image that isn’t displaying correctly. You’ll probably see something like the below image where there is a “broken image” icon that the browser displays. Sometimes, there might be text that goes along with it.

Being in WordPress doesn’t change what it looks like on the website but it changes how you fix it. If you ever see that icon, you’ll know it’s a an image that needs to be fixed.

How to find broken images on a WordPress website

There are 2 ways that I suggest you find them. I highly suggest you proactively do this. Don’t wait for a customer to reach to you letting you know something doesn’t work! Put in some time to check.

  1. Click around your website. I know it’s basic, but just check and use your eyeballs to look through your website. If your site is small, this shouldn’t take more than a few minutes.
  2. If you have a large website, that’s where Pagemend comes in. It can scan every page on your website and check literally every image to make sure it works.
Find Broken Images Before Customers Do

Peace-of-mind website scanning with results shown in plain English for those who don't speak nerd and have other things to do.

Scan My Website. Free!

How to fix a broken image in WordPress

Fixing a broken image in WordPress depends on your individual setup. You don’t need a plugin or anything special to do it for you, but it will require you to poke around and click on things to fix it.

It can very based on the theme or page builder you’re using so this might not work for everyone but the basics will be the same no matter you’re setup. If you’re using Gutenberg, it’s even easier but might look a little different. Just follow the same steps.

1) You’ll want to start by logging into your WordPress backend at yourdomain/wp-admin

2) Go to the page or post that has the broken image.

3) In the page editor, find where the image is and replace or change it. I know this is simplified so I’ll show you how to do that in the default WordPress editor.

Find Website Issues Before Your Customers Do

Peace-of-mind website scanning with results shown in plain English for those who don't speak nerd and have other things to do.

Scan My Website. Free!

Start by finding that image:

The click on it and a little menu will popup – click the pencil icon to edit it.

A larger popup will show and you’ll want to replace it with a new image that you can either select or upload.

It really depends on how your WordPress backend works, but it will be generally the same no matter how it’s set up. To fix a broken image in WordPress, you need to find it in the backend and then replace or change it.

Find Website Issues Before Your Customers Do

Peace-of-mind website scanning with results shown in plain English for those who don't speak nerd and have other things to do.

Scan My Website. Free!

Author:
I've been making websites since I was a kid and now have over 20 years of experience building them for myself and my agency. I noticed patterns of problems that all business owners experience with their websites. Problems that most business owners don’t even know matter, let alone how to address. I built Pagemend to help people stay on top of their websites.

Leave a Reply

Enquire now

Give us a call or fill in the form below and we will contact you. We endeavor to answer all inquiries within 24 hours on business days.