Skip to content

Images & brand design

Upload or replace an image

Use a file, your project image library, or an image URL.

WATCH & FOLLOW ALONG

Replace and resize images

Captioned · No audio

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
  1. Replace, resize, or generate an image
  2. Select the exact image you want to change.
  3. Use width and height to resize. Fill / crop fills the box; Fit whole image shows the full picture.
  4. Replace image offers a file upload, your project image library, or an image URL.
  5. Choose an existing project image from the library. These are demo assets, not customer photos.
  6. For an AI replacement, describe what the image should show and choose the visual direction.
  7. Generate only when the instructions are ready. This demo does not submit a generation request.
  8. Review your changes, then Save. Publish separately when you are ready to go live.
WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Upload or replace an image
Expanded Webtummy interface showing upload or replace an image

Follow these steps

  1. Select the image

    Click the image on the canvas and choose Replace image in the floating toolbar. You can also open the image field in Section properties.

  2. Choose a source

    Use Upload from computer for your own file, or Choose from image library for an existing project image. Expand Use an image URL if you want to supply a URL.

  3. Choose the replacement

    Select the file or library image and wait for it to load. A library selection updates the draft; use Save to keep the section change.

  4. Check the image description

    Update the relevant accessibility / image description field so it describes the new picture. Check the crop and Save.

More screenshots for this guide

Choose from the project image library

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Choose from the project image library
Expanded Webtummy interface showing choose from the project image library
What you should see

Your selected image uses the new source.

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.

Contact support →