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

# Screenshot or sketch to slide

> Hand Pretty a screenshot, a whiteboard photo or a rough sketch and get the same thing back as native, editable shapes.

Drop an image into the chat and ask for it as a slide. Pretty studies the picture and rebuilds
what is inside it (the headings, the boxes, the table, the arrows) as real PowerPoint shapes on
your deck's master.

<Note>
  This is a rebuild, not a paste. Pretty will not drop your screenshot onto a slide and put a
  title above it. Text comes back as text you can edit, boxes come back as shapes you can
  recolour.
</Note>

## Attach the image

<Tabs>
  <Tab title="Drag and drop">
    Drag the file over the pane. It shows **Drop to reference in chat**. Release, and the file is
    attached to your next message.
  </Tab>

  <Tab title="Upload">
    Use **Upload files** or **Add files** in the composer to pick from disk.
  </Tab>
</Tabs>

Attach several at once if the source spans more than one image. A `.zip` works too.

<Warning>
  Typing a path like `C:\Users\you\board.png` or `/Users/you/board.png` does nothing. Pretty
  cannot reach your machine. The file has to be attached.
</Warning>

## What Pretty can see

| You attach          | What comes back to the model  |
| ------------------- | ----------------------------- |
| PNG, JPG, GIF, WebP | The image itself, viewable    |
| PDF                 | The document itself, viewable |
| Text, CSV, Markdown | Numbered lines                |
| DOCX                | Extracted text                |
| XLSX                | The workbook, sheet by sheet  |

Images and PDFs are the only formats Pretty can *look at* rather than read as text. That is what
makes the screenshot route work.

## What reads well, and what does not

<Columns cols={2}>
  <Card title="Rebuilds cleanly" icon="circle-check">
    * Cropped tight to the content, no browser chrome or desk in frame
    * Shot straight on, not at an angle
    * Labels legible at full size. If you cannot read a box label, neither can Pretty
    * Clear structure: columns, a grid, a table, a left-to-right flow
    * Marker on a whiteboard, not pencil on lined paper
  </Card>

  <Card title="Comes back approximate" icon="circle-exclamation">
    * Photo taken from the side, so the grid is skewed
    * Glare or shadow across half the board
    * Tiny footnotes and axis labels that blur at full size
    * Dense screenshots where the interesting part is a tenth of the frame
    * Photographs inside the source that cannot be cut out cleanly
  </Card>
</Columns>

<Tip>
  If only part of a screenshot matters, crop before you attach. Pretty rebuilds what it can see,
  and a tighter crop gets you a sharper reading of the part you care about.
</Tip>

## Say what you want alongside the image

The image gives structure. Your message gives intent. Without it, Pretty guesses how faithful to
be.

Rebuild it as-is, on your template:

```text theme={null}
Rebuild this exactly as a slide - same four quadrants, same labels, same
left-to-right order. Use our template's colours and fonts, not the ones
in the screenshot.
```

Rebuild it and improve it:

```text theme={null}
This is a photo of our whiteboard from the offsite. Turn it into one
slide. Keep the three swimlanes and everything written in them, but
clean up the wording and set the boxes on a proper grid.
```

Take the data, drop the styling:

```text theme={null}
Attached is a screenshot of a chart from a competitor's annual report.
Pull the numbers out of it and build a native chart with our styling.
Do not copy their colours.
```

Take part of it:

```text theme={null}
Ignore the navigation and the sidebar in this screenshot. I only want the
pricing table in the middle, rebuilt as a slide with three columns.
```

## What happens to photos inside the image

If your source contains a photograph (a product shot, a headshot), Pretty places it as its own
picture, cropped out of the source. If it cannot cut a photo out cleanly it leaves a placeholder
or omits it, rather than keeping the surrounding text as pixels.

## After the rebuild

The result is ordinary PowerPoint. Edit it by hand, or keep going in chat. Select the shapes you
want changed and say what to change. See [Editing existing slides](/slides/editing).

If the rebuilt block is something you will use again, select it and save it from the
**Components** tab. See [Components](/components/overview).
