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.
My image looks stretched or cropped after replacing it. What should I do?
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.
The Replace button does not appear. Why?
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.
Can I upload large images?
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.
The new image shows in the editor but not on the live site. Why?
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.
I want to delete an image completely. How?
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.