# Dimensões das imagens

Neste guia de dimensões de artes e conteúdos do <mark style="color:blue;">**Curseduca**</mark>. Você encontrará todas as informações necessárias sobre tamanhos de imagens e onde cada uma será utilizada na plataforma.

### 1. Banner  Principal

#### Versão para Desktop

* **Tamanho:** 1920px x 600 (altura variável)

#### Versão para Celular

* **Tamanho:** 1080px x 600 (altura variável)

**Exemplo:**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FnDuAjMrSVisWsvGXzL7c%2Fimage.png?alt=media&#x26;token=674d69cc-4613-40c8-af00-d265e7a56fcc" alt=""><figcaption><p>Exemplo de: Banner</p></figcaption></figure>

### 2. Capas dos Módulos na Horizontal

* **Tamanho:** 740 x 415 pixels

**Exemplo:**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FP2pV2GWFuMVrT6c130HW%2Fimage.png?alt=media&#x26;token=ef4a09a9-6e3d-45c1-adaf-4e800b632407" alt=""><figcaption><p>Exemplo de: Capas dos módulos - horizontal </p></figcaption></figure>

### Capas dos Módulos na Vertical

* **Tamanho:** 400 x 600 pixels

**Exemplo:**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FLFMPu4dJ7PrudVOWInoX%2Fimage.png?alt=media&#x26;token=076249c4-81db-40ac-a925-cb61280a1829" alt=""><figcaption><p>Exemplo de: Capas dos módulos - vertical</p></figcaption></figure>

### 3. Logo do Cabeçalho

* **Tamanho:** 330 x 160 pixels (PNG)

**Exemplo:**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FpvdkWGTUaNAPDSwamYgC%2Fimage.png?alt=media&#x26;token=235ea830-405e-4500-8533-0c19659ec361" alt="" width="155"><figcaption><p>Exemplo de: Logo do cabeçalho</p></figcaption></figure>

### 4. Imagem das Telas de Login e Cadastro

#### Versão para Desktop

* **Banner login completo:** 1920px x 1080px&#x20;
* &#x20;**Banner login lateral:** 1080px x 1920px&#x20;

#### Versão para Celular

* **Banner login completo mobile:** 1080px x 1920px
* **Banner login lateral mobile:** 1080px x 1920px

**Exemplo:**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FMOt2uY4siQe4nKTENkTr%2Fimage.png?alt=media&#x26;token=315e6300-aafa-43b2-be8f-4c8b823366c5" alt="" width="563"><figcaption><p>Exemplo de: Imagem Lateral das Telas </p></figcaption></figure>

### 5. Favicon - Logo da Guia do Navegador

* **Tamanho:** 192px x 192px

**Exemplo:**

<figure><img src="https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FEw1ybOMSw9BW4C1Z0Msw%2Fimage.png?alt=media&#x26;token=b0c2c7ed-1625-4e93-8755-f31a77bd8975" alt="" width="188"><figcaption><p>Exemplo de: Favicon</p></figcaption></figure>

***

### Dicas Adicionais

* **Consistência Visual:** Manter as dimensões exatas ajuda a manter a consistência visual da plataforma.
* **Qualidade da Imagem:** Sempre use imagens de alta qualidade para evitar pixelização.
* **Formato PNG:** O formato PNG é recomendado por suportar transparências e oferecer boa qualidade de imagem.