# Tamanhos de Imagens no Site da Prefeitura - Padrões e Orientações

### Orientações Gerais

#### Qual a função da Acessibilidade nas imagens?

As informações transmitidas nas imagens devem não somente ser visuais, mas também descritas para pessoas que utilizam leitores de tela.

Ao fazer o upload de uma imagem é possível inserir um **texto alternativo** ele será mostrado aos leitores de tela e quando não puder haver o carregamento de imagem por algum motivo técnico.

<p class="callout info">Como regra geral: Imagens decorativas não deve receber texto alternativo.</p>

Porém toda imagem que contém informações relevantes para o munícipe precisam receber o texto alternativo.

Escreva o texto alternativo se:

- A imagem possui informações escritas que não estão presentes no resto da página;
- A imagem funciona como um botão, direcionando o munícipe para outra página;
- A imagem é um diagrama ou fotografia.

### Portal da Prefeitura

#### Página Principal

##### Banner

- Razão de aspecto: 2.75:1
- Tamanho de 1920x700px;
- Recomendações: 
    - Faça uma margem interna, sem conteúdo escrito, de 16px em todos os lados.

##### Destaques

- Razão de aspecto: 2.75:1
- Tamanho de 200x200px;
- Recomendações: 
    - Faça uma margem interna, sem conteúdo escrito, de 16px em todos os lados.

##### Banner Anúncio

\- sem especificação no momento

### Site da Secretaria

#### Banner

- Razão de aspecto: 1:1
- Tamanho de 750x750px;
- Recomendações: 
    - Faça uma margem interna, sem conteúdo escrito, de 16px em todos os lados.

#### Destaques

- Razão de aspecto: 2.75:1
- Tamanho de 200x200px;
- Recomendações: 
    - Faça uma margem interna, sem conteúdo escrito, de 16px em todos os lados.

### Subsites

#### Banner

- Razão de aspecto: 5:1
- Tamanho de 2500x500px;
- Recomendações: 
    - Faça uma margem interna, sem conteúdo escrito, de 16px em todos os lados.

#### Destaques

- Razão de aspecto: 2.75:1
- Tamanho de 200x200px;
- Recomendações: 
    - Faça uma margem interna, sem conteúdo escrito, de 16px em todos os lados.