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.

Como regra geral:  Imagens decorativas não deve receber texto alternativo.

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.