---
title: "Entity image"
slug: "entity-image"
abstract: "How to display an image or video rendition of an entity."
---
# Entity image

The **Entity image** component can be used to display an image or video rendition of an entity.

<details>
<summary>Example</summary>

In this example, the **Entity image** component displays a video using the *Full image* display format and the *Play* action overlay.

![Image with overlay](https://doc.sitecore.com/api/markdown-image/ch/en/users/content-hub/images/image_with_overlay.png)

</details>

To add an **Entity image** component:

1. On the menu bar, click **Manage** :mdiCogOutline:.
2. On the **Manage** page, click **Pages**.
3. On the **Pages** page, select the page you want to modify.
4. On the **Layout** tab, [add the page component](https://doc.sitecore.com/ch/en/users/content-hub/add,-modify,-or-delete-page-components.md "Add, modify, or delete page components").
5. Click the component to open its details page.
6. Specify the following:

    | Field | Description |
    | --- | --- |
    | **Display** | The display format for the image or video.<br><br><ul><li>*Full image* - displays a full version with no cropping.</li><li>*Square* - displays a cropped square version.</li><li>*Circle* - displays a cropped circular version.</li></ul> |
    | **Rendition** | The rendition of the image or video to display (for example, *Preview* or *Thumbnail*). |
    | **Disable deep zoom** | Prevents use of the [deep zoom feature](https://doc.sitecore.com/ch/en/users/content-hub/disable-deep-zoom.html) for this component. Deep zoom lets users zoom in on large images with high resolution. The feature is automatically disabled on asset preview pages. |
    | **Show action overlay** | Displays an interactive icon (for example, a play icon :mdiPlayCircle:) on top of the image or video. |
    | **Fallback** | An icon shown when no image is available. This [icon, and its color](https://doc.sitecore.com/ch/en/users/content-hub/configure-entity-visualization-options.html), depend on your selection:<br><br><ul><li>*From entity* - the fallback icon and color is set in an *Entity.Visualization* JSON available when you [use non-taxonomy relations](https://doc.sitecore.com/ch/en/users/content-hub/configure-entity-visualization-options.html).</li><li>*From taxonomy relation* - the fallback icon and color is defined in the [taxonomy definition](https://doc.sitecore.com/ch/en/users/content-hub/add-values-to-a-taxonomy.html) and determined by the selected relation as well as the defined color target.</li><li>*None* - no fallback icon is displayed.</li></ul> |

7. Click **Save**.