Guias práticos

Como escolher e preparar imagens do site

Uma imagem útil mostra uma atividade, pessoa, lugar, produto ou etapa que o texto sozinho não pode transmitir com a mesma clareza. Selecione-o para a página e para a pergunta do visitante antes de editar ou compactar o arquivo.

Veja o método

Editor de conteúdo selecionando fotografias distintas para páginas do site

Inventário de cada colocação de imagens

Acompanhe o site como visitante: casa, serviços, artigos, listas, cartões, depoimentos e prévias sociais. Para cada veiculação, o tamanho da tela de registro, o assunto pretendido, o arquivo atual, o proprietário e o status de aprovação. Um herói ausente ou uma imagem de página interna é mais fácil de identificar nesta lista do que em uma pasta cheia de ativos.

Marque imagens repetidas em uma lista e imagens genéricas usadas para assuntos não relacionados. Compartilhar uma fotografia em todas as traduções da mesma página pode ser sensato; Um conjunto de cartas comparando atividades diferentes geralmente precisa de recursos visuais distintos.

  • Colocação e propósito da imagem.
  • Assunto específico e relacionamento com a cópia próxima.
  • Direitos, crédito, versão e status de aprovação.

Crie uma lista de tiros

Para cada página de prioridade, descreva uma cena curta: quem ou o que aparece, a configuração, a ação ou os detalhes e a orientação. Deixe espaço suficiente para o corte móvel e evite colocar o assunto onde o texto sobreposto ficará. Uma sessão pode fornecer um retrato, uma cena de trabalho, um detalhe material e um lugar sem repetir a mesma colheita em todos os lugares.

Quando uma imagem vem de terceiros, verifique a permissão de publicação, usos permitidos e pessoas identificáveis. Não apresente uma cena ilustrativa como um projeto ou equipe real do cliente, se não for uma.

  • Uma imagem principal específica da página.
  • Visuals complementares para cartões e etapas do processo.
  • Versões horizontais ou verticais para se adequar ao componente.

Otimize enquanto retém informações úteis

Mantenha uma fonte de alta qualidade e exporte variantes para os tamanhos realmente exibidos. O WebP e o Avif geralmente funcionam bem para fotografias; Um navegador não deve baixar uma imagem enorme para um pequeno cartão. Declare largura e altura para evitar mudanças de layout e priorize a imagem principal visível na primeira carga.

Um nome de arquivo descritivo curto, texto alternativo específico do contexto e uma legenda quando útil, faça mais para entender do que encher campos EXIF com palavras-chave. Google Search CentralChama alt text o mais importante atributo de imagem descritiva. Revise os créditos e os direitos antes da remoção de metadados: o Google também pode usar Metadados IPTC ou dados estruturados de licenciamento.

  • Variantes responsivas, peso do arquivo verificado e dimensões HTML.
  • Texto alternativo que descreve o papel da imagem ou vazio alt quando decorativo.
  • Créditos e informações de direitos consistentes com a permissão detida.

Verifique o resultado publicado

Abra todas as páginas no telefone e na área de trabalho. Verifique as colheitas, nitidez, sobreposições de texto, fundos escuros, erros de carregamento e se as imagens dos cartões correspondem aos seus destinos. Nas visualizações sociais, a imagem escolhida deve representar a página e sobreviver a uma colheita mais curta.

Atualize o inventário quando os serviços ou campanhas forem alterados. Ele evita que as imagens removidas sejam perdidas, os créditos sendo perdidos e as imagens principais desaparecendo das páginas importantes. Os Lista de verificação de pré-lançamento Inclui esta revisão na jornada do visitante mais ampla.

Conteúdo atualizado em 2 de outubro de 2026

Matriz de validação funcional para se adaptar ao projeto

Esses controles propostos usam casos fictícios. Decida qual comportamento é esperado com a equipe, anote o resultado e atribua discrepâncias não resolvidas antes da publicação.

Casos de teste, resultados esperados e evidências úteis
CasoResultado esperadoProva para guardar
Um logotipo é o único conteúdo de um link.O nome do link acessível identifica claramente seu destino.Registre o URL, as etapas, o resultado e as evidências datadas.

Perguntas frequentes

Toda imagem precisa de um texto alternativo descritivo?

Cada imagem precisa de um atributo alt, mas seu valor depende de sua função. Descreva informações úteis e use um valor vazio para a decoração. Um logotipo atuando como o único conteúdo de um link deve identificar seu destino. Verifique o resultado no contexto da página.