WebP e AVIF são dois formatos de imagem modernos concebidos para substituir o JPEG e o PNG na web. Oferecem ganhos de compressão espetaculares — até 50 % de redução de tamanho em relação ao JPEG com qualidade visual equivalente —, tornando-se essenciais para a otimização do desempenho web e do SEO. Para as lojas de e-commerce, onde as imagens representam frequentemente entre 60 e 80 % do peso total das páginas, adotar estes formatos é uma das alavancas de melhoria mais eficazes disponíveis.
Por que o formato de imagem é um fator de SEO
Uma página web média pesa hoje cerca de 2 MB, de acordo com as análises do HTTP Archive. Desse total, as imagens representam em média 50 a 60 % do peso — e nas páginas de e-commerce ricas em fotos de produto, essa percentagem sobe regularmente para 70-80 %. O peso das imagens determina diretamente o tempo de transferência na rede e, por conseguinte, o tempo de carregamento percebido pelo utilizador.
O Google integrou a velocidade de carregamento no seu algoritmo de classificação através dos Core Web Vitals, em particular o LCP (Largest Contentful Paint), que mede o tempo que o maior elemento visível demora a aparecer — geralmente uma imagem de produto. Reduzir o peso dessa imagem de 400 KB para 150 KB pode fazer o LCP descer de 3 segundos para 1,2 segundos, a diferença entre uma pontuação «Fraca» e uma pontuação «Boa» segundo os limiares do Google.
Para além do SEO puro, imagens mais leves melhoram a experiência dos utilizadores móveis com ligações 4G limitadas, reduzem o consumo de dados dos visitantes e diminuem os custos de largura de banda do servidor. Para lojas com vários milhares de referências de produto, o ganho acumulado é considerável.
WebP: o formato desenvolvido pela Google
O WebP foi desenvolvido pela Google e anunciado em 2010. Baseia-se na tecnologia de compressão do codec de vídeo VP8 para imagens com perdas (lossy) e numa variante sem perdas baseada em LZ77 e na codificação de Huffman para imagens sem perdas. O WebP também suporta transparência (canal alfa) e animações — duas funcionalidades que o JPEG não suporta (transparência) ou suporta apenas parcialmente (animações via GIF).
Os ganhos de compressão do WebP em relação ao JPEG são em média de 25 a 35 % com qualidade visual equivalente, de acordo com os estudos da Google. Em modo sem perdas, o WebP é em média 26 % mais pequeno do que o PNG. Estes valores variam consoante o tipo de imagem: as fotografias com conteúdo complexo e muitos detalhes beneficiam de ganhos próximos das médias citadas; as ilustrações com cores planas e detalhes nítidos podem ter ganhos ainda maiores em modo lossless.
A compatibilidade do WebP é hoje universal: Chrome, Firefox, Safari (desde 2020), Edge, Opera e praticamente todos os browsers móveis suportam WebP. De acordo com o caniuse.com, a cobertura global de browsers com suporte a WebP ultrapassa os 97 % em 2026. Já não existe nenhuma razão técnica para servir JPEG em vez de WebP para a grande maioria dos visitantes.
AVIF: o formato de nova geração
O AVIF (AV1 Image File Format) é um formato de imagem baseado no codec de vídeo AV1, desenvolvido pela Alliance for Open Media (da qual fazem parte Google, Apple, Mozilla, Netflix, Amazon e outros). Especificado em 2019 e suportado pelos principais browsers desde 2021, o AVIF representa um avanço significativo em relação ao WebP em termos de eficiência de compressão.
Os ganhos de compressão do AVIF em relação ao JPEG são em média de 40 a 55 % — muito superiores aos 25-35 % do WebP. Em comparação com o próprio WebP, o AVIF é geralmente 20 a 30 % mais leve. Estes ganhos são particularmente pronunciados em fotografias com muitos detalhes e em imagens HDR (High Dynamic Range). O AVIF suporta transparência, animações, perfis de cor HDR e profundidade de cor até 12 bits.
O suporte do AVIF pelos browsers está a crescer rapidamente: o Chrome e o Firefox suportam-no desde 2021, o Safari desde a versão 16.4 (2023). Em 2026, a cobertura mundial ultrapassa os 93 %. A sua principal desvantagem é a maior complexidade de descodificação, que pode tornar a renderização ligeiramente mais lenta em dispositivos muito antigos — uma troca geralmente aceitável tendo em conta as economias de tamanho.
JPEG vs WebP vs AVIF: comparação de formatos
Para ilustrar concretamente as diferenças entre estes formatos, tomemos o exemplo de uma foto de produto típica de e-commerce: um packshot de um ténis num fundo branco, 800×800 pixels, com qualidade visual percebida equivalente.
- JPEG (qualidade 85): ~180 KB — formato universal, sem transparência, sem animação, apenas compressão com perdas
- WebP (qualidade 80): ~120 KB — poupança de 33 %, transparência suportada, animação suportada, compatibilidade 97 %+
- AVIF (qualidade 60): ~75 KB — poupança de 58 % vs JPEG, 37 % vs WebP, HDR suportado, compatibilidade 93 %+
Estas diferenças de tamanho multiplicam-se à escala de uma loja. Para uma página de produto que carrega 6 imagens, passar de JPEG para AVIF representa uma poupança de 630 KB por página — quase metade dos dados a transferir. Num mês com 50.000 visualizações de páginas de produto, isso equivale a 31 GB de largura de banda poupada, apenas em imagens.
Compressão com perdas (lossy) e sem perdas (lossless)
Ambos os formatos suportam dois modos de compressão fundamentalmente diferentes. A compressão com perdas (lossy) reduz o tamanho do ficheiro eliminando informações que o olho humano pouco ou nada percebe. Um algoritmo analisa a imagem e aproxima as zonas menos percetíveis — tipicamente os fundos uniformes ou as zonas de baixo contraste. Este é o modo utilizado para as fotografias de produto: um nível de qualidade de 75-85 % para WebP ou 55-65 % para AVIF produz resultados visualmente indistinguíveis do ficheiro original.
A compressão sem perdas (lossless) preserva cada pixel do ficheiro original, mas utiliza algoritmos de compressão mais eficientes do que PNG ou TIFF para reduzir o tamanho do ficheiro. O WebP lossless é em média 26 % mais pequeno do que o PNG com qualidade idêntica; o AVIF lossless é ainda mais eficiente. Este modo é adequado para capturas de ecrã, logótipos, ilustrações vetoriais convertidas em bitmap e imagens onde é necessária precisão absoluta.
Que nível de qualidade escolher?
Impacto no SEO do e-commerce
Adotar WebP e AVIF melhora o SEO através de vários mecanismos. Diretamente, as imagens mais leves reduzem o LCP — a métrica Core Web Vital mais impactada pelas imagens de produto. Um LCP melhor melhora o sinal Page Experience da Google, o que pode favorecer o posicionamento nos resultados orgânicos, em particular em dispositivos móveis.
Indiretamente, as páginas mais rápidas melhoram a taxa de rejeição e o tempo no site — sinais comportamentais que a Google pode utilizar para avaliar a qualidade de uma página. Em dispositivos móveis, onde mais de 60 % das pesquisas de e-commerce acontecem, a velocidade é ainda mais crítica: uma página que demora 4 segundos a carregar perde em média 53 % dos seus visitantes móveis antes mesmo do carregamento completo (fonte: Google/Deloitte).
Para o Google Imagens — um canal de aquisição não desprezível para as lojas de e-commerce — a qualidade técnica das imagens (resolução, formato, dimensões) influencia a indexação e a apresentação nos resultados de pesquisa de imagens. As imagens corretamente otimizadas e servidas via CDN com URLs estáveis também melhoram este canal.
Como o Lexiik gere automaticamente a conversão de formato
Converter manualmente milhares de imagens de produto para WebP ou AVIF é uma tarefa fastidiosa para a qual a maioria dos comerciantes não tem tempo nem as ferramentas necessárias. O Lexiik automatiza inteiramente este processo através da sua pipeline de CDN.
Quando uma imagem de produto é carregada pela primeira vez por um visitante, o Lexiik recupera o ficheiro original do seu servidor PrestaShop (JPEG, PNG ou qualquer outro formato), converte-o para WebP e AVIF e armazena estas versões otimizadas no Cloudflare R2. A partir daí, o Lexiik serve o formato adequado em função do browser do visitante: o cabeçalho HTTP Accept enviado pelo browser indica os formatos suportados (por exemplo, o Chrome envia Accept: image/avif,image/webp,*/*), e o Lexiik responde com o melhor formato disponível.
- O visitante solicita uma página de produto; o seu browser envia um cabeçalho Accept com os formatos suportados
- O Lexiik verifica se já existe uma versão otimizada da imagem no CDN
- Se não existir, o Lexiik recupera a imagem original do PrestaShop e converte-a para WebP e AVIF
- O Lexiik serve o formato mais eficiente suportado pelo browser: AVIF em primeiro lugar, WebP se AVIF não for suportado, JPEG como fallback
- A imagem convertida é armazenada em cache no Cloudflare R2 com um TTL de um ano para todas as visitas subsequentes
Este processo é completamente transparente para o comerciante e para o visitante. Não são necessárias alterações de templates nem plugins de compressão adicionais a instalar. O módulo PrestaShop do Lexiik gere toda a pipeline de conversão e entrega.