Images are broken, missing or stuck loading

Placeholder boxes, permanently loading images and images that vanish after export.

Last updated

An image sits on a loading placeholder forever

Sometimes an image finishes generating but the card keeps showing a placeholder. The image itself is usually fine.

Fix: reload the project. If the image appears, it was a display problem, not a generation one. If it's still a placeholder after a reload, ask for it to be regenerated.

A broken-image icon

The image reference exists but the file doesn't resolve. Ask for it to be regenerated:

The hero image on the landing page is broken — regenerate it.

An uploaded image won't read

If you gave the AI an image URL and it says it can't read it, the URL must be publicly accessible. Links behind a login, in a private bucket, or expired share links can't be fetched. Upload the file directly instead of pasting a link.

Images disappear after exporting code

Expected, and important to plan for: exported code references images by URL from your project's asset storage. Download the assets into your repo before you ship — otherwise your production site depends on URLs you don't control. See Export code.

Images look wrong after a theme change

Generated imagery doesn't automatically follow a new palette. Ask for it to be recoloured in place rather than regenerated — that keeps everything else about the image identical. See Images in your designs.

The same wrong logo everywhere

Use the replace-everywhere path rather than editing screens one at a time:

Replace the logo on every screen with the one I just uploaded.

Was this article helpful?

Related articles

Read this in your language