DEV Community

WEI LIU
WEI LIU

Posted on

A Practical Guide to Better AI Image Prompts in the Browser

AI image generation is most useful when the prompt is treated as a small, repeatable workflow rather than a one-shot command. This guide covers a simple loop for creating and refining images in the browser.

1. Start with the subject

Lead with the main subject, then add the setting, lighting, and mood. For example:

A ceramic mug on a linen tablecloth, soft window light

This gives the model a clear visual hierarchy before you add style details.

2. Quote text that must appear

If the image includes a sign, menu, poster, map, or chart, put the exact wording in quotation marks and say where it should appear. That makes the text requirement explicit instead of leaving it as an implied detail.

3. Add references with clear roles

For edits or multi-image compositions, name the role of each reference: the jacket from image 2, the person from image 1, and so on. Keeping the references explicit helps preserve the parts you care about.

4. Change one thing at a time

After the first generation, make small edits instead of rewriting the whole prompt. A focused request—recolor the wall, remove one object, or change the sky—makes it easier to keep the face, product, or layout stable.

A browser-based workflow

nanobanana 21 is a fast, simple image studio powered by Nano Banana 2.1. It supports high-quality image creation and editing, readable text, consistent characters, and up to 14 reference images. The workflow is intentionally lightweight: write a prompt, optionally add references, choose an aspect ratio and resolution, then generate and refine without code or a GPU.

The broader lesson is portable across image tools: describe the subject first, make constraints explicit, and iterate in small steps. That makes results easier to compare and easier to reproduce.

Top comments (0)