Improve results

Working with images

Reference images in prompts, optimize formats for performance, and manage assets inside your project.

Images play a key role in making your app feel polished. Here is how to work with them effectively in Startbase.

Using images in prompts

You can attach screenshots or reference images directly in the chat to guide the AI. This is especially helpful for describing bugs, desired layouts, or design inspiration. The AI will analyze the image and incorporate the visual context into its response.

Managing image assets

Place static images in your project's public/ folder and reference them with absolute paths like /images/hero.webp.
For dynamic or user-uploaded images, use Cloud → Storage to store files and generate signed URLs.
Prefer WebP for photographs and SVG for icons and logos.
Keep images under 200 KB and always include width, height, and descriptive alt text.

Improve results

Working with images

Reference images in prompts, optimize formats for performance, and manage assets inside your project.

Images play a key role in making your app feel polished. Here is how to work with them effectively in Startbase.

Using images in prompts

Managing image assets

Place static images in your project's public/ folder and reference them with absolute paths like /images/hero.webp.
For dynamic or user-uploaded images, use Cloud → Storage to store files and generate signed URLs.
Prefer WebP for photographs and SVG for icons and logos.
Keep images under 200 KB and always include width, height, and descriptive alt text.