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

# Images and media

> Use uploaded, stock, generated, and editable visuals in presentation slides.

Choose visuals for evidence or explanation. Product screenshots, diagrams, charts, and specific photographs usually communicate more than generic decorative images. Add the visual during generation when it belongs to the story, or replace it later from the editor.

## Add an image layout

Open **Images** in the editor rail, then choose **Image**, **Image + Text**, or **Image Grid**. Select the option that matches the amount of visual content and supporting text the slide needs.

<Card title="Add and edit images" icon="photo-film" href="/user-guide/editing-and-refining/canvas/image-editing#add-an-image-layout">
  Watch how to add Image, Image + Text, and Image Grid layouts from the editor rail.
</Card>

## Replace and adjust an image

Enable **Select Edit**, then select the image. Select it again to open **Update Image**. The panel has three tabs:

* **Stock search** or **AI Generate**: search Pexels/Pixabay when a stock provider is configured, or describe an image for the configured image-generation provider. Generated-image history can be available when stock search is not active.
* **Upload**: upload an image, choose it from the uploaded-image library, or delete an uploaded asset. The current editor upload limit is 5 MB per image.
* **Edit**: replace the image and choose **Fill**, **Contain**, or **Stretch**. Use **Focus point** to control which part remains visible when the image is fitted or cropped.

The canvas controls also support direct image positioning and the element-specific crop, zoom, flip, opacity, rounded-corner, and supported-icon color controls.

<Card title="Replace and adjust an image" icon="image" href="/user-guide/editing-and-refining/canvas/image-editing#edit-an-image">
  Follow the canonical Canvas workflow for replacing, cropping, resizing, and positioning an image.
</Card>

## Recolor or replace an icon

Select an icon to change its color. Choose **Change Icon** when the symbol does not match the intended concept, search for a replacement, compare the available weights, and apply the new icon.

<Card title="Edit an icon" icon="icons" href="/user-guide/editing-and-refining/canvas/image-editing#edit-an-icon">
  Open the icon walkthrough for recoloring a symbol or choosing a replacement.
</Card>

## Provider availability

| Product     | How image sources are provided                                                                                 |
| ----------- | -------------------------------------------------------------------------------------------------------------- |
| Cloud       | Image generation and search are provided by the Cloud configuration shown in the product                       |
| Open-source | The deployment owner configures the image provider, credentials, URLs, and whether image generation is enabled |

The current self-hosted provider configuration includes stock providers such as Pexels and Pixabay, generated-image providers such as DALL-E 3, GPT Image 1.5, Gemini Flash, and NanoBanana Pro, and configurable options such as ComfyUI, Open WebUI, or a custom OpenAI-compatible image endpoint. Only use providers that are enabled in your product or deployment.

<Card title="Configure image providers" icon="images" href="/self-hosted/configuration/images-and-search">
  Review provider, credential, endpoint, and image-generation settings for a self-hosted deployment.
</Card>

## Choose the right visual

| Visual              | Best use                                          |
| ------------------- | ------------------------------------------------- |
| Uploaded screenshot | Product state, evidence, or a process step        |
| Stock photograph    | A real place, person, object, or familiar concept |
| Generated image     | A custom scene, illustration, or visual metaphor  |
| Icon                | A compact label or simple concept                 |
| Chart               | A pattern, comparison, distribution, or trend     |
| Table               | Exact values or a structured comparison           |

Always check relevance, cropping, legibility, source rights, and exported fidelity.