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.webpvs.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
- Exportar com largura máxima definida pelo layout.
- Comprimir sem destruir rosto ou produto.
- Testar LCP (Largest Contentful Paint) após trocar hero ou banners.