Images & files

Attach references and assets the right way — and what Weblly does with each.

You can attach images and files to any message: click the paperclip, pick from your gallery, drag-and-drop, or just paste. After attaching, the cursor jumps to the prompt box so you can describe what to do.

Inspiration vs. asset — this matters

An attached image is one of two very different things, and telling the AI which avoids surprises:

  • Inspiration / reference — a screenshot of a design you want to *recreate*. The AI rebuilds that look in real HTML/CSS; it does not paste the screenshot onto your page.
  • An asset to display — an actual logo, photo or product shot you want *shown on the page*. The AI places it as an image.

Say which it is: *“Use this screenshot as inspiration — match the layout”* vs *“This is our logo, put it in the header.”* A full-page screenshot is treated as inspiration by default.

Pasting code or HTML

Pasting a large block of code or HTML attaches it as a file instead of flooding the chat — the AI reads it as a reference. Great for *“rebuild this section from this HTML”* or sharing a snippet.

Big images just work

Large screenshots are automatically downscaled for the AI to “see”, while your hosted copy keeps full quality. Files up to 15 MB are supported; anything larger gets a friendly heads-up instead of failing mid-build.