Images & brand design
Resize images and choose fit or crop
Control image width, height, and how the picture fills its box.
WATCH & FOLLOW ALONG
Replace and resize images
Recorded in the fictional Willow Studio website using a normal customer account. AI submission steps are explained without running a generation job.
Download video ↓Read the video transcript
- Replace, resize, or generate an image
- Select the exact image you want to change.
- Use width and height to resize. Fill / crop fills the box; Fit whole image shows the full picture.
- Replace image offers a file upload, your project image library, or an image URL.
- Choose an existing project image from the library. These are demo assets, not customer photos.
- For an AI replacement, describe what the image should show and choose the visual direction.
- Generate only when the instructions are ready. This demo does not submit a generation request.
- Review your changes, then Save. Publish separately when you are ready to go live.
Follow these steps
Select the image
Click the image and open Size in its floating toolbar.
Set dimensions
Adjust Object width and Object height, or drag the blue selection handles. Full section width expands supported images to the width of the section.
Choose the image fit
Fill / crop fills the available box and may trim edges. Fit whole image keeps the full picture visible and can leave space around it.
Check important details
Inspect faces, text, and logos on Desktop, Tablet, and Mobile, then Save.
The image fits its layout without losing important content.
Need a hand with this step?
Tell us the website, page, and control you’re using. Include any error code so we can help you faster.