> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wowweb.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Working with photos and logos

> How to prepare photos for a WowWeb AI site: sizes, formats, quality tips.

Images are the most common pain point when customizing a site. A few tips to avoid trouble.

## On first generation

* Attach your photos in chat, the AI uses them instead of stock.
* Didn't attach? The AI picks suitable ones from Unsplash.
* One photo limit: 2 MB. Compress bigger ones via [TinyPNG](https://tinypng.com) or [squoosh.app](https://squoosh.app).

## Replacing images after generation

<Tip>
  Most reliable approach: "Use these photos instead of the current ones", and attach the new ones. The AI swaps images while preserving the design.
</Tip>

## Photo quality

| Where              | Optimal size                | Format      |
| ------------------ | --------------------------- | ----------- |
| Hero (main screen) | 1920×1080                   | JPG or WebP |
| Service cards      | 800×800                     | JPG or WebP |
| Logo               | 512×512 (with transparency) | PNG or SVG  |
| Section icons      | 256×256                     | PNG or SVG  |

<Note>
  Lighting and composition matter more than resolution. A good 1200×800 photo beats a blurry 4K stock shot.
</Note>

## Logo

Attach the logo in your first message: the AI puts it in the header and makes it the favicon.

To change it later: "replace logo with this file", and attach.

<Tip>
  SVG logos scale without quality loss. If you have an SVG version, use it. PNG with transparency is the second-best option.
</Tip>

## Supported formats

JPG, JPEG, PNG, WebP, SVG, GIF, AVIF, HEIC. Video up to 50 MB. Documents (PDF, TXT, JSON) up to 10 MB.

## What's next

<CardGroup cols={2}>
  <Card title="Limits" icon="ruler" href="/en/getting-started/limits">
    Full list of format and size limits.
  </Card>

  <Card title="Files and database" icon="database" href="/en/management/storage">
    If you need to store many files on the site.
  </Card>
</CardGroup>