Docs / Example projects / Add images

Add images to your microsite

Logos, screenshots, photos, illustrations — drop them in, reference them, and republish to the same URL.

Where images live

Images are just files in your project folder. A common layout:

my-site/
├─ index.html
├─ styles.css
└─ images/
   ├─ logo.svg
   ├─ hero.webp
   └─ team.jpg

Reference them with relative paths from your HTML, for example <img src="images/hero.webp" alt="...">. When you publish, the whole folder goes up together, so the paths just work.

The prompt

PromptAdd the images in ./images to the microsite — use hero.webp as the banner and logo.svg in the header — then publish again to https://publish.my

Allowed image types

png, jpg / jpeg, webp, svg, gif, ico, and avif. Video (mp4 webm mov) and audio (mp3 wav ogg m4a) are welcome too.

Keep it fast

• Prefer WebP or AVIF for photos — much smaller than PNG/JPEG at the same quality. Ask your agent: "convert these photos to WebP before publishing."
• Always include alt text — better for accessibility and search.
• Remember the limits: 50 MB per publish, 100 MB per file. If a video is too big, your agent can suggest compressing it.

Republishing updates the same site

Adding images is just another update. Your agent uses the key it saved on first publish, so the new version goes live at the same URL — it'll confirm with you before overwriting.