# Dimensões

Os banners utilizados nesse tema possuem tamanhos diferentes dependendo de sua localização. Para que as imagens fiquem legais e bem dispostas, é necessário ficar atento as dimensões dessas imagens. Veja abaixo cada localização que utilizamos e as dimensões recomendadas.

{% hint style="info" %}
Listagem de banners, tamanhos e locais de exibição na plataforma: 

* Fullbanner - **Desktop** - 1920x600 pixels - Banner Home
* Fullbanner - **Mobile** - 600x600 pixels - Banner Mobile
* Mini Banners Grid 1 - **Desktop e Mobile** - 400x200 pixels - Extra 1, Extra 2 e Extra 3
* Mini Banners Grid 2 - **Desktop e Mobile** - 614x476 pixels - Extra 4 e Extra 5
* Carrossel de Marcas - **Desktop e Mobile** - 130 x 70 pixels - Extra 6
* Banner Baixo - **Desktop** - 1920x215 pixels - Banner Baixo
* Banner Baixo - **Mobile** - 600x200 pixels - Extra 11
* Banner Rodapé - **Desktop** - 1920x200 pixels - Banner Rodapé
* Banner Rodapé - **Mobile** - 600x200 pixels - Extra 12
* Banner Categoria - **Desktop** - 1366x220 pixels - Banner Títulos
  {% endhint %}

{% hint style="info" %}
Outras imagens compatíveis com o layout do tema Starter:

* Banner Dropdown do menu de categorias: **200x250 pixels** - [Saiba mais](https://manuais.starads.com.br/colecao-starter/banners-e-imagens/banners-da-loja/broken-reference). 
* Segmentação / Navegue por departamentos: **274x260 pixels** - [Saiba mais](https://manuais.starads.com.br/colecao-starter/banners-e-imagens/banners-da-loja/segmentacao). 
* Imagem da notícia: **400x400 pixels**
* Banner do desconto progressivo na página do produto: **108x108 pixels**
  {% endhint %}

**Banner Home (Versão Desktop)** \
Localização: **Banner Home**\
Dimensões do banner: **1930x600 pixels**

**Banner Home (Versão Mobile)** \
Localização: **Banner Mobile**\
Dimensões do banner: **600x600 pixels**

**Mini Banners Grid 1** \
Localização: **Extra 1, Extra 2 e Extra 3**\
Dimensões do banner: **400x200 pixels**

**Mini Banners Grid 2** \
Localização: **Extra 4 e Extra 5**\
Dimensões do banner: **614x476 pixels**

**Banner Baixo (Versão Desktop)**\
Localização: **Banner Baixo**\
Dimensões do banner: **1920x215 pixels**

**Banner Baixo (Versão Mobile)**\
Localização: **Extra 11**\
Dimensões do banner: **600x200 pixels**

**Banner Rodapé (Versão Desktop)**\
Localização: **Banner Rodapé**\
Dimensões do banner: **1920x200 pixels**

**Banner Rodapé (Versão Mobile)**\
Localização: **Extra 12**\
Dimensões do banner: **600x200 pixels**

**Banner Títulos (Banner exibido na página de catálogo)**\
Localização: **Banner Títulos**\
Dimensões do banner: **1366x220 pixels**

**Segmentação / Navegue por dpartamento**\
Localização: **Aplicativo Imagens na Categoria e Subcategorias** \
Dimensões do banner: **274x260 pixels**

<figure><img src="https://1883773951-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F23qQvjvFMJFd5aSIvQxQ%2Fuploads%2Fc0Hh0pYc7nmf352RqCwR%2Fimage.png?alt=media&#x26;token=923da135-6eec-4130-8b8b-ba7da0a70839" alt=""><figcaption></figcaption></figure>

**Imagem do Produto**\
Localização: **Cadastro do produto** \
Dimensões do banner: **1000x1263 pixels**

<figure><img src="https://1883773951-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F23qQvjvFMJFd5aSIvQxQ%2Fuploads%2FA2H00F51wt0CUz2WKNHg%2FIMG-PRODUTO.png?alt=media&#x26;token=122a7055-8119-4563-9faf-70a1d46e3e6e" alt="" width="375"><figcaption></figcaption></figure>