# Images

Screenshots and pictures, with a caption when they need one.

Upload an image, or pick one the site already has from its files. PNG, JPEG, GIF, WebP and SVG all work; SVG files are cleaned of anything that could run code.

<Frame caption="The editor: the site&amp;#039;s pages on the left, the page&amp;#039;s blocks on the right.">
![The JustDocs editor showing a page of blocks](https://justdocs.qdev.tech/storage/docs/4/31/images/36b387665abc470d93851d82e5b772eb.webp)
</Frame>

## Images in tabs

Tabs can hold images too: handy for showing the same screen in different setups. These are two of the demo's own sites, each with its own look from Customize.

<Tabs>
<Tab title="Gradient style">
![The JustFlows docs: a gradient header, a pill sidebar and a requirements table](https://justdocs.qdev.tech/storage/docs/4/31/images/a4c4d15ff35c48369282f6d40d3ae92d.webp)
</Tab>
<Tab title="Bold style">
![The JustFans docs: a bold pink header and a filled sidebar item](https://justdocs.qdev.tech/storage/docs/4/31/images/7ea85a3883d6419e83fe6ce2254dda18.webp)
</Tab>
</Tabs>

## Good screenshots

- Crop to the part that matters. A whole screen hides the one button you mean.
- Write alt text that says what the image shows, for readers who can't see it.
- Add a caption when the image needs explaining; skip it when the text around it already does.
- Retake screenshots when the screen changes. An old picture confuses more than no picture.