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.