Working with images on your website

Images play a big role in how a website looks and feels. Updating them is straightforward, but the wrong file or size can affect layout and loading speed.

This guide explains how to upload, replace, and edit images in WordPress. It covers where images are stored, how to swap them safely, and what to watch out for when changing sizes or alignment.

If you need to update photos, banners, or visual content, this instruction helps you do it without breaking the page or slowing the site down.

Replacing Photos on Your Page

Keep your images fresh without touching design

In this part you will learn how to replace images on your page using Image blocks or Kadence Advanced Image blocks. You will see how to upload a new file, how to swap an existing image, and how to avoid touching design settings that control spacing, alignment or responsiveness.

How to Edit Images

Step 1
Open the page in the WordPress editor.

Step 2
Find the image you want to change.

Step 3
Click the image once. A small toolbar will appear.

Step 4
Click Replace.

Step 5
Choose Upload to upload a new file from your computer, or choose Media Library to select an image already uploaded to your site.

Step 6
After selecting an image, click Select in the bottom-right corner.

Step 7
The image will update instantly inside the editor.

Step 8
Do not adjust settings in the right sidebar unless instructed. These settings control layout, borders, shadows and responsiveness.

Step 9
Check that the new image displays correctly before updating the page.

Repeat for all images you want to replace.

This usually happens when the original image had a different shape or size. Press Undo if needed, then upload an image closer to the original proportions. Avoid editing shape or ratio settings in the sidebar, as they can break the design across different devices.

You may have clicked a container instead of the image block. Click directly on the image again until you see the small toolbar. If the Replace button still does not appear, the block may be part of a locked section. Your designer can unlock the area if you must edit it.

Upload images in reasonable sizes. Very large files slow down the site. Aim for around 1500–2000px width for full-width images and smaller sizes for simple visuals. WordPress will resize the image, but uploading huge files can affect speed.

Your browser might be showing a cached version. Refresh the live page or open it in a private window. If the image still does not update, clear your WordPress cache (if your site uses a caching plugin) or ask your designer to flush server cache.

Click the image, press the three dots in the small toolbar and choose Remove Image. This removes it from the page but does not delete it from your Media Library. If you want it removed fully from the site, open Media in the dashboard and delete the file there — but only if you are sure no other page uses it.

Back to index

You might like these too

These sit in the same category as the one you are reading. They follow the same thread and offer a bit more depth. Have a look if you want to go further.