# Gallery

## Description

The Gallery Element appears within [**Latest Feed**](applewebdata://FCA1D0FA-0B17-45DA-90AC-174A79795DE4/@monterosa/s/fancompanion/~/edit/drafts/-Li3RhHOx1vS3s-Wot_l/feature-index/latest-feed) or [**Discover**](applewebdata://FCA1D0FA-0B17-45DA-90AC-174A79795DE4/@monterosa/s/fancompanion/~/edit/drafts/-Li3RhHOx1vS3s-Wot_l/feature-index/discover), once tapped it opens the article in a dedicated view.  

The Gallery Element includes title and captions for each image. Supports both portrait and landscape orientation. \
 

{% hint style="info" %}
Element supports Advertisements: [**Banner**](https://products.monterosa.co/fancompanion/feature-index/ads/banner)
{% endhint %}

## Previews

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-Mg6D6TerteqECmhSqAx%2FFeature%20Reference%20-%20Gallery.png?alt=media\&token=e0d77500-3cd0-4876-a293-a97760e54560)

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-Mg6D9wRyz3fCePX61oh%2FFeature%20Reference%20-%20Gallery%20Annotation.png?alt=media\&token=a1733f3f-2665-4818-9e2d-f348739c756b)

## Specs

| Item         | Spec                                                    |             |           |                                                                                         |             |           |                                                  |             |           |                       |
| ------------ | ------------------------------------------------------- | ----------- | --------- | --------------------------------------------------------------------------------------- | ----------- | --------- | ------------------------------------------------ | ----------- | --------- | --------------------- |
| Main Media   | <p></p><ul><li><strong>Image</strong> 16:9              | 750 x 422px | Max 500kb | PNG / JPG                                           </li><li><strong>Image</strong> 4:3 | 640 x 480px | Max 500kb | PNG / JPG    </li><li><strong>Image</strong> 1:1 | 700 x 700px | Max 500kb | PNG / JPG  </li></ul> |
| Inline Media | **Image** 16:9 \| 750 x 422px \| Max 250kb \| PNG / JPG |             |           |                                                                                         |             |           |                                                  |             |           |                       |

{% hint style="info" %}
**Image Guidance:** Exact pixel dimensions are for maximum guidance only (00 x 00px), media must be the correct ratio size to avoid being cut or distorted (0:0). For example, 16:9 is equivalent to 32 x 18px and 64 x 36px. Media must be under the recommended file weights to avoid lengthy download times (Max 000kb).
{% endhint %}

## Setup Guide

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-MfhMrf01KPmOfU-K9J8%2FSetup%20Guide%20-%20Gallery.png?alt=media\&token=9f09378a-7676-42bc-a845-a2cf2637d1a7)

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-MfhMtkNiwuQjpYgFK1P%2FSetup%20Guide%20-%20Gallery%20Timing.png?alt=media\&token=d0d396b7-0e09-4480-ac0f-9c7561beea80)

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-MfhMtkLWLVrDU6jSQad%2FSetup%20Guide%20-%20Gallery%20Content.png?alt=media\&token=895baff4-9655-4dba-be8a-f4c3b51ba84f)

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-MfhMtkM2oSMkcnSManm%2FSetup%20Guide%20-%20Gallery%20Content01.png?alt=media\&token=dadffe40-3906-48bf-9c5b-73a47cc95c1b)

![](https://2651603319-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LgsSNq6l7E-H720yueP%2F-MfgCM2jHjH4qPv_lSZX%2F-MfhMtkKgsZjCfI6m716%2FSetup%20Guide%20-%20Gallery%20Advert.png?alt=media\&token=77d0cecc-392f-448c-981d-9e131e767020)

## FAQs