Durante vários anos, o WebP afirmou-se como o formato de imagem de referência na web, deslocando progressivamente o JPEG e o PNG. Mas um recém-chegado tomou a dianteira: o AVIF. Mais comprimido, mais preciso e agora suportado por todos os navegadores modernos, o AVIF impõe-se em 2026 como o formato de imagem mais eficiente disponível para a web. Eis o que é, o que o distingue do WebP e quando adotá-lo.
O que é o formato AVIF?
AVIF (AV1 Image File Format) é um formato de imagem derivado do codec de vídeo AV1, desenvolvido pela Alliance for Open Media — um consórcio que inclui Google, Apple, Mozilla, Netflix, Amazon, Microsoft e Intel. Foi oficialmente lançado em 2019 e atingiu maturidade suficiente para uma adoção web generalizada a partir de 2022-2023.
Ao contrário do JPEG ou do PNG, que se baseiam em algoritmos de compressão com várias décadas, o AVIF aproveita as mais modernas tecnologias de compressão de vídeo para codificar imagens fixas. O resultado é espetacular: para qualidade visual equivalente, um ficheiro AVIF é significativamente menor do que um JPEG ou WebP.
AVIF vs WebP vs JPEG: as diferenças-chave
Para compreender por que o AVIF prevalece, aqui está uma comparação direta dos três formatos nos critérios que importam para a web:
| Critério | JPEG | WebP | AVIF |
|---|---|---|---|
| Compressão (mesma qualidade) | Referência | −25 a −35 % | −40 a −55 % |
| Transparência (alpha) | Não | Sim | Sim |
| Animação | Não | Sim | Sim |
| HDR / ampla gama de cores | Não | Limitado | Sim (nativo) |
| Profundidade de cor | 8 bits | 8 bits | Até 12 bits |
| Suporte navegadores 2026 | Universal | Universal | +97 % (quase universal) |
| Velocidade de codificação | Rápida | Rápida | Mais lenta |
| Velocidade de descodificação | Rápida | Rápida | Ligeiramente mais lenta |
| Licença | Livre | Livre (Google) | Livre (royalty-free) |
Por que o AVIF é superior ao WebP
O WebP foi um avanço significativo quando a Google o lançou em 2010 — oferecia uma redução de tamanho de cerca de 25 a 35% em relação ao JPEG. Mas o AVIF vai muito mais longe em vários pontos:
- Compressão superior: o AVIF reduz o tamanho dos ficheiros entre 40 e 55% em relação ao JPEG para qualidade visual equivalente, contra 25-35% do WebP. Numa página com muitas imagens, esta é uma diferença de desempenho considerável
- Menos artefactos visuais: o WebP sofre de artefactos de compressão visíveis em áreas de gradiente e contornos finos a baixas taxas de bits. O AVIF gere estas áreas com precisão notavelmente superior
- Suporte HDR nativo: o AVIF suporta nativamente HDR (High Dynamic Range) e espaços de cor amplos (Display P3, Rec. 2020), tornando-o ideal para ecrãs de alta gama e fotografia profissional
- Profundidade de cor: o AVIF suporta até 12 bits por canal contra 8 bits do WebP, proporcionando uma paleta de cores incomparavelmente mais rica
- Subamostragem de croma flexível: o AVIF suporta os modos 4:4:4, 4:2:2 e 4:2:0, oferecendo controlo fino sobre o compromisso qualidade/tamanho consoante o tipo de imagem
Bom saber: a compressão AVIF é particularmente impressionante em retratos e tons de pele, gradientes de céu e imagens com texto sobre fundos complexos — precisamente os casos em que o WebP começa a mostrar artefactos visíveis. Para imagens muito simples (ícones, ilustrações vetoriais), os ganhos são menores e o SVG continua a ser preferível.
Suporte de navegadores em 2026
Um dos obstáculos históricos à adoção do AVIF era o suporte parcial nos navegadores. Já não é assim em 2026:
- Chrome: suportado desde a versão 85 (agosto de 2020)
- Firefox: suportado desde a versão 93 (outubro de 2021)
- Safari: suportado desde a versão 16.0 (setembro de 2022)
- Edge: suportado desde a versão 121 (2024)
- Opera, Samsung Internet, Brave: todos suportados
Em 2026, o suporte global do AVIF ultrapassa 97% dos navegadores utilizados em todo o mundo segundo os dados do Can I Use. A única exceção notável envolve alguns navegadores incorporados e alguns ambientes industriais ou governamentais com versões muito antigas do Internet Explorer ou Edge Legacy — casos marginais.
A principal desvantagem do AVIF: a codificação lenta
O AVIF não é perfeito. A sua principal fraqueza é a velocidade de codificação: gerar um ficheiro AVIF é significativamente mais lento do que codificar um JPEG ou WebP, especialmente nos níveis de qualidade mais elevados. Dependendo das configurações e do hardware, codificar uma imagem em AVIF pode demorar 5 a 20 vezes mais do que em WebP.
Para sites que geram imagens dinamicamente (por exemplo, uma plataforma de comércio eletrónico com milhões de variantes de produtos), este atraso pode ser problemático. Soluções comuns:
- Pré-codificar imagens AVIF no momento do upload e servi-las a partir de um CDN
- Usar o parâmetro de velocidade de codificação (speed) para acelerar a geração à custa de um ligeiro ganho de compressão
- Manter uma estratégia híbrida AVIF + WebP como fallback via a tag <picture>
Como implementar o AVIF no seu site
A forma mais limpa de integrar o AVIF mantendo a máxima compatibilidade é usar a tag HTML <picture> com múltiplas fontes:
<picture>
<source srcset="imagem.avif" type="image/avif">
<source srcset="imagem.webp" type="image/webp">
<img src="imagem.jpg" alt="Descrição da imagem" width="800" height="600">
</picture>O navegador escolhe automaticamente o melhor formato suportado. Um navegador moderno carregará o AVIF, um mais antigo recorrerá ao WebP, e os navegadores muito antigos carregarão o JPEG. Não é necessário JavaScript nem deteção no lado do servidor.
Para converter as suas imagens para AVIF, as ferramentas disponíveis são:
- Squoosh (Google) — ferramenta gratuita online, comparação visual em tempo real
- ImageMagick — linha de comandos: convert input.jpg -quality 80 output.avif
- Sharp (Node.js) — biblioteca de processamento de imagens de alto desempenho
- Cloudinary, Imgix, Cloudflare Images — conversão e entrega AVIF automáticas via CDN
O AVIF está mesmo a substituir o WebP?
Em termos de desempenho puro, sim — o AVIF é superior ao WebP em praticamente todos os critérios técnicos. Mas a migração não é necessariamente imediata para todos os projetos:
- Se o seu pipeline de processamento de imagens já está otimizado para WebP e as suas imagens são leves, o ganho AVIF pode não justificar uma reformulação completa a curto prazo
- Para novos projetos ou reformulações de imagens, o AVIF deve ser a primeira escolha por defeito
- A estratégia híbrida <picture> AVIF + WebP + JPEG é atualmente a melhor prática: maximiza o desempenho nos navegadores modernos sem sacrificar a compatibilidade
Bom saber: os principais CDN de imagens (Cloudflare, Cloudinary, Fastly, imgix) servem agora o AVIF automaticamente detetando o navegador do visitante através do cabeçalho Accept. Se utilizar um destes serviços, pode já estar a beneficiar do AVIF sem qualquer modificação do seu código — verifique simplesmente os cabeçalhos de resposta das suas imagens com as ferramentas de desenvolvimento do seu navegador.