Compressão e Otimização de Imagens

Depende do método. Compressão sem perda (lossless) não altera nenhum pixel — apenas reorganiza os dados internamente. Compressão com perda (lossy, como JPG) reduz detalhes imperceptíveis ao olho humano. Com as configurações certas, a diferença visual é praticamente imperceptível enquanto o arquivo fica 40–80% menor.

Para imagens de conteúdo (banners, fotos), o ideal é abaixo de 150KB. Para thumbnails e imagens secundárias, abaixo de 50KB. Nunca use imagens maiores que 500KB sem uma razão muito específica. O formato WebP ajuda significativamente a atingir esses tamanhos.

Não penaliza diretamente, mas imagens pesadas diminuem o PageSpeed Score, que é um fator de ranqueamento. Sites lentos também têm maior taxa de rejeição, o que indiretamente prejudica o SEO. O Google recomenda explicitamente o uso de WebP e compressão adequada.

Sim. O WebP tem suporte em mais de 97% dos navegadores modernos, incluindo Chrome, Firefox, Safari (desde 2020) e Edge. Para sites que precisam suportar navegadores muito antigos, ainda é possível usar JPG como fallback com a tag picture do HTML.