Images & media

Images do a lot of the heavy lifting on a website. Webpress gives you a per-project media library to upload, organize, and reuse pictures — and an option to generate them with AI.

Upload images

Open the File Uploads tab in the left panel and drag files in, or click to browse. Uploaded images are stored with your project and can be reused on any page — upload once, use everywhere.

You can also upload an image directly when you select an image element and choose to replace its picture.

Other files, like custom font files, are uploaded here too — see Adding fonts.

Browse and insert from your library

The Images tab is your gallery:

• search images by name,
• click a thumbnail to insert it into the selected element,
• copy an image's URL, or delete images you no longer need.

Generate an image with AI

Don't have the right photo? Webpress can create one from a description. In the Images panel (and the image picker), you can type a prompt — "a cozy coffee shop interior, warm lighting, plants" — and an AI generates an original image you can drop straight into your design. There's also a stock library of ready-made images to pick from when you just need something quick.

Generated images are saved into your project's library like any upload, so you can reuse them across pages.

AI image generation is a separate feature and may be turned on independently of the AI writing assistant, depending on your plan and setup. If you don't see the option, it isn't enabled for you.

Always add alt text

Every meaningful image should have alt text — a short description of what's in it. Set it in the Properties tab. Alt text:

• lets screen readers describe the image to visitors who can't see it,
• helps search engines understand your page,
• shows if the image ever fails to load.

The Auditor flags images that are missing alt text, so it's easy to catch any you've missed.

Tips for fast, sharp images

• Use the right size — a giant photo squeezed into a small slot just slows the page down. Webpress optimizes images on publish, but starting with a reasonable size helps.
• Use object-fit: cover to fill a fixed shape without distortion — see Sizing & units.
• For background photos, mind contrast so any text on top stays readable — see Colors & backgrounds.

Where to go next

• Component properties & traits — set alt text and replace images.
• Building with the AI assistant — the AI can place relevant images as it builds.