# Images in cards

### 1. Tile-level images

You can insert an image relevant to the card it is placed in i.e. embed an image corresponding to each small multiple category. When you use KPI presets with images, Analytics+ will automatically load the images from the field added to Tooltip-Text Categories.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FwlATrVE9NAubjCot6E3F%2Fimage.png?alt=media&#x26;token=4efad9c6-03ad-407e-a10b-25dc4ccea23a" alt=""><figcaption><p>Image KPI presets</p></figcaption></figure>

**STEP 1:** Hover over the image and click the <img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FWayEmeNKES740OSEletZ%2Fimage.png?alt=media&#x26;token=51fdbdce-ade1-411e-be26-a8580a24c294" alt="" data-size="line"> icon to open the Image side pane. Select the Dataset option from the Tile dropdown to load images automatically from the dataset. Choose the custom option to select individual images for each panel.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fy8OXDhDRrOuZzAMPdTGN%2Fimage.png?alt=media&#x26;token=2ff558f0-2fc3-4134-9dd5-cbc8c4fbd24b" alt=""><figcaption></figcaption></figure>

**STEP 2:** Set the opacity, select the series, and set the aspect ratio of the image.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FL1fVcSXUJDVKBUudsktj%2Fimage.png?alt=media&#x26;token=94fc5dd6-c2e8-4159-b34e-fed853c38cf4" alt=""><figcaption><p>Set proprties</p></figcaption></figure>

### 2. Background images

Background images are used to brand reports or add context to the report content. You can upload a custom background image. Analytics+ will automatically convert an uploaded image into a watermark-style background image.

**STEP 1:** Click the Image button on the toolbar to open the Image side pane.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FhNVCRjNAk7v0ILWMETpN%2Fimage.png?alt=media&#x26;token=e01caa5e-4e0f-457c-ba40-39eb22bf3b4c" alt=""><figcaption><p>Inserting a background image</p></figcaption></figure>

**STEP 2:** Click the Upload button and select the background image from your system.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FpkwPS8a8ZyVCYJakQpLR%2Fimage.png?alt=media&#x26;token=6016b333-9505-4162-90f8-e172ef80bd87" alt=""><figcaption><p>Select the image</p></figcaption></figure>

**STEP 3:** Set the opacity factor and aspect ratio from the Fit and Stretch options.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fbkb1pWFDAhpPI9hCrkX6%2Fimage.png?alt=media&#x26;token=036c10bb-faa0-43db-90f1-32c061d5aa8d" alt=""><figcaption><p>Opacity and fill</p></figcaption></figure>
