This is one of the easiest changes you can make, but it’s also one that can be a real hassle.

I’ve had this simple two-minute job turn into a nightmare because somehow the original formatting has been lost in the act of updating the image.

That said, I was changing images in a slider, which can be tricky. If you just want to change a single pic on one of your pages or posts, it should be a piece of cake.

Play safe: Back up first

If you’re nervous about getting it wrong, make sure you create a backup of your page. Then, if things don’t go to plan, you can start again or copy and paste the section you’ve messed up. Here’s my tutorial on how to make a page backup.

Proceed with caution

Next, unless you know exactly what you’re doing, it’s best to keep the layout and format as it is. With that in mind, in this tutorial, we’re going to do a straight swap and replace one image with another of the same size.

Once you know how to do this, it literally takes a few seconds.

1 – Click on the image

2 – Click on the Add Media button

click image and add media

3 – Choose or upload your new image

4 – Go through the settings in the panel on the right.

Replace an image

You don’t actually need to edit the title and add Alt text, but it’s good practice.

Keep the alignment the same as the image you’re replacing.

Set Link To as None, unless you want to link to another page (Custom URL)

Choose Size the same as the image you’re replacing.

5 – Click the Insert image button

6 – Click Preview Changes, check the page looks the way you want. Go back and hit the Publish button.

Problems?

If things are not as expected, you may have changed the alignment from the original. Or you may have inserted the image at a different size. Check these against your backup of the page and go through the image replacement again.

If you still have problems, check the code – click on the Text tab and compare the code here with the code in your backup page.

Check image code

More to check out: