Pineapple Builder

Create and use website images with AI

Use AI to create an illustration or image for a specific part of your website. Decide where it will appear and what it should communicate before generating it.

Start an image request

Open the Media library's image-generation entry and choose Create an image in AI chat, or open AI chat and clearly request an image. The image starter opens a chat where you can describe and refine the result.

An inspiration idea is a starting prompt, not a finished image. Edit the description to match your page and intended audience before submitting it.

Write a useful description

Include the subject, setting, visual style, intended placement and any space needed for text. State anything that should be excluded.

Example: “Create a calm editorial illustration for a career-coaching homepage. Show a person considering several paths, with soft green and warm neutral colours. Use a wide composition with quiet space on the left for the page heading. Do not include logos or written text.”

For a card, ask for a composition that works at that smaller size. Do not assume the same image will work equally well as a banner, portrait and square thumbnail.

Review and refine

Wait for the result, then check the subject, composition and details. Ask for a specific change, such as a simpler background or more space around the main subject.

Inspect faces, hands, text and other details that could look wrong. For diagrams or factual illustrations, check the information separately. A generated image is not evidence of a real product, customer, event or outcome.

Find and place the image

Generated images from this flow are saved to the Media library. Find the result there and use it in the intended image block or section. If you asked the assistant to place it directly, check that it used the right page and location.

Generating an asset and placing it on a page are separate outcomes. Confirm the visible page rather than assuming both happened.

Check accessibility and layout

Add appropriate alternative text for an informative image. Keep essential headings and instructions as real page text rather than placing them only inside a generated graphic.

Preview a narrow and a wide layout. Check cropping and text contrast. See Image block settings and image preparation.

Save, publish and check usage

Save the draft, publish when ready and inspect the public page. Image requests use the workspace's AI allowance; check credits and usage if a request reports a limit.

If generation fails, read the message and check the Media library before retrying. Do not repeatedly submit the same request without checking whether a result was already saved.

Pineapple Builder - AI Website Builder Create Docs