Ir para o conteúdo

Imagens no site: peso, formatos e SEO de imagem

Por Guilherme Andrade Sites e web

Imagem bonita não pode travar o site

Já falamos de performance no blog; imagens costumam ser o maior vilão do peso da página.

Formatos modernos

  • WebP e AVIF (quando suportado) costumam entregar boa qualidade com menos kilobytes que JPEG/PNG antigos.
  • Use dimensões adequadas — não sirva foto 4000px de largura se o bloco exibe 800px.

SEO de imagem

  • Nome de arquivo descritivo (estrutura-site-empresa.webp vs. IMG_001.jpg).
  • alt útil para acessibilidade e contexto para busca.
  • Não esqueça lazy loading para imagens abaixo da dobra.

Fluxo de trabalho

  1. Exportar com largura máxima definida pelo layout.
  2. Comprimir sem destruir rosto ou produto.
  3. Testar LCP (Largest Contentful Paint) após trocar hero ou banners.

Quer otimizar um site existente ou um novo projeto?