AVIF

AVIF (AV1 Image File Format) é um formato de imagem moderno derivado do codec de vídeo AV1. Padronizado em 2019. Comprime 20-30% menor que WebP com qualidade visual equivalente.

Como WebP, AVIF suporta modos com e sem perdas, alfa completo (transparência), animação, HDR e amplas gamas de cores. Ao contrário do WebP, é caro para codificar — os codificadores podem levar de 10× a 100× mais tempo do que a codificação WebP equivalente para a mesma entrada. A decodificação é rápida (o decodificador de vídeo AV1 é bem otimizado, incluindo aceleração de hardware em CPUs e GPUs recentes).

Suporte de navegadores em 2026: ~93% globalmente. Chrome desde 2020, Firefox desde 2021, Safari desde 2022. Dispositivos Android e Apple mais antigos ainda ficam de fora.

Quando AVIF vale o custo de codificação:

• Sites com muitas imagens onde o peso da página é crítico — imagens hero de e-commerce, sites de galeria, mídia de notícias.
• Imagens entregues via CDN onde a codificação acontece uma vez no momento do upload.
• Públicos principalmente em dispositivos móveis com conexões medidas — a economia de largura de banda de 20-30% se acumula.

Para a maioria dos fluxos de trabalho, WebP é o padrão mais fácil e AVIF é uma otimização valiosa quando você já tem um pipeline de build produzindo múltiplas variantes de formato e as entregando via fallback <picture>.

Exemplo prático

Pegue uma fotografia de 4000×3000 de um smartphone moderno. O JPEG original da câmera com qualidade 85 tem aproximadamente 4,2 MB. Recodificar a mesma imagem para WebP na qualidade 80 (visualmente equivalente) resulta em cerca de 2,8 MB — uma economia de 33%. Recodificar para AVIF na qualidade 60 (ainda visualmente equivalente porque a escala de qualidade AVIF usa números mais baixos para o mesmo resultado percebido) resulta em cerca de 1,9 MB — 55% de economia versus JPEG e 32% versus WebP. O tempo de codificação conta a outra metade da história: JPEG codifica em ~50 ms em um laptop moderno, WebP em ~300 ms, AVIF em ~3-8 segundos na predefinição lenta mas de alta qualidade. Os tempos de decodificação são aproximadamente equivalentes nos três porque o decodificador AV1 é bem otimizado. Para uma única imagem hero exibida em um milhão de carregamentos de página, o custo de codificação é amortizado uma vez; para uma galeria enviada por usuários transcodificada em tempo real, AVIF pode ser impraticável.

Quando e por que isso importa

AVIF importa sempre que os custos de largura de banda (saída CDN, limites de dados de usuários móveis, Core Web Vitals) superam o tempo de codificação. A implantação mais comum é um pipeline no momento da compilação (Next.js Image, Cloudflare Polish, ImageKit) que produz variantes AVIF + WebP + JPEG uma vez no upload e entrega o formato mais suportado por requisição via o elemento <picture>. Para sites medidos pelo Largest Contentful Paint (LCP) — uma métrica Core Web Vitals que o Google usa no ranking de pesquisa — reduzir 30% do peso da imagem hero melhora diretamente a pontuação em dispositivos móveis. Pule AVIF quando precisar de amplo suporte a navegadores legados (Safari pré-2022 no iPad ainda falha), quando estiver gerando miniaturas em tempo real sem uma fila (a latência de codificação bloqueia a resposta) ou quando o ativo já for pequeno (abaixo de 50 KB a economia absoluta é insignificante). Referência: web.dev — Use AVIF para comprimir imagens.

A Alliance for Open Media — por que AVIF está livre de patentes: AV1, o codec pai do AVIF, foi desenvolvido pela AOMedia (Google, Mozilla, Cisco, Intel, Microsoft, Netflix, Amazon, Apple a partir de 2018) explicitamente como uma alternativa livre de royalties ao HEVC, cujo licenciamento de patentes fragmentado entre múltiplos pools o tornou comercialmente tóxico para implantação em navegadores. AVIF herda a concessão de patente AV1: qualquer pessoa pode implementar, distribuir e servir AVIF sem pagar taxas de licenciamento. JPEG XL — um formato moderno concorrente com ferramentas potencialmente melhores para arquivamento — ficou estagnado nos navegadores em parte por posições de patente incertas, enquanto a concessão limpa do AVIF acelerou sua adoção.

Ordenação recomendada de <picture>: sirva AVIF primeiro (melhor compressão), WebP segundo (suporte mais amplo), JPEG/PNG por último (fallback universal). O navegador escolhe o primeiro formato suportado e nunca baixa os outros. <picture><source type="image/avif" srcset="hero.avif"><source type="image/webp" srcset="hero.webp"><img src="hero.jpg" alt="..."></picture>. Erros comuns: esquecer os atributos type= (o navegador não pode pular sem analisar) ou colocar o fallback <img> antes da fonte AVIF (o navegador para na primeira correspondência). Relacionado: WebP, com perdas. Referência: Especificação AVIF — AOMedia.