O WebP e o AVIF são os dois formatos de imagem que estão a redesenhar a web moderna. Ambos comprimem muito melhor do que o JPEG e o PNG, ambos suportam transparência e animação e ambos têm agora um suporte alargado. Por isso, se está a modernizar as suas imagens, qual deles deve realmente usar?
A resposta honesta é, muitas vezes, "ambos" — mas compreender em que diferem permite-lhe tomar a decisão certa para cada situação. Este guia compara o WebP e o AVIF nos aspetos que importam na prática: compressão, qualidade, suporte dos navegadores, velocidade de codificação e funcionalidades.
A Resposta Curta
Se quer os ficheiros mais pequenos possíveis e está a servir um público moderno, o AVIF costuma vencer. Se quer o maior alcance e o fluxo de trabalho mais simples e rápido, o WebP é a opção segura por defeito. A melhor abordagem para a maioria dos sites é não escolher de todo: sirva AVIF com um recurso alternativo em WebP e um recurso alternativo em JPEG ou PNG por baixo desse, e deixe cada navegador transferir a melhor versão que suporta.
O resto deste guia explica porquê.
De Onde Vem Cada Formato
O WebP foi criado pela Google e lançado em 2010, baseado no codec de vídeo VP8. Teve mais de uma década para amadurecer, o que se nota no seu suporte alargado e nas suas ferramentas estáveis.
O AVIF surgiu em 2019 e baseia-se no AV1, o codec de vídeo livre de royalties da Alliance for Open Media — um grupo que inclui a Google, a Apple, a Microsoft, a Mozilla e a Netflix. O AV1 é um codec mais recente e mais sofisticado do que o VP8, o que está na origem da vantagem de eficiência do AVIF.
Compressão e Qualidade
Com a mesma qualidade visual, os ficheiros AVIF são normalmente 20 a 30 por cento mais pequenos do que o WebP e cerca de metade do tamanho de um JPEG comparável. O WebP, por seu lado, costuma ser 25 a 34 por cento mais pequeno do que o JPEG. Assim, a ordenação por tamanho, do melhor para o pior, é geralmente AVIF, depois WebP e depois JPEG.
A vantagem do AVIF é maior nas definições de qualidade baixa a média, onde o seu codec moderno preserva o detalhe e evita o aspeto "em blocos" que os formatos mais antigos apresentam quando são exigidos ao limite. Lida também com gradientes e cores planas de forma suave, reduzindo as bandas que por vezes se veem em céus ou sombras. O WebP continua excelente e é mais do que suficiente para a grande maioria das imagens, mas o AVIF é o líder em eficiência.
Suporte dos Navegadores
É aqui que o WebP ainda leva vantagem. O WebP é suportado em todos os principais navegadores atuais e já o é há anos, incluindo o Safari desde a versão 14. Pode servi-lo a praticamente qualquer público sem pensar duas vezes.
O suporte do AVIF é também agora alargado — o Chrome, o Firefox e o Edge suportam-no há algum tempo, e o Safari adicionou-o na versão 16.4. Para a maioria dos públicos essa cobertura é abundante, mas como uma pequena parte dos dispositivos mais antigos ainda não consegue apresentar AVIF, é sensato ter um recurso alternativo. O elemento picture do HTML torna isto trivial, por isso o suporte ligeiramente mais estreito do AVIF raramente é um obstáculo real.
Velocidade de Codificação e Ferramentas
O WebP codifica rapidamente e dispõe de ferramentas maduras e bem documentadas por toda a parte. O AVIF, construído sobre o codec AV1, mais complexo, é mais lento e mais exigente em termos de CPU para codificar, por vezes substancialmente nos esforços de compressão mais elevados. Para um punhado de imagens isto é impercetível; para processar milhares de imagens num pipeline de compilação, a diferença em tempo e custo pode ser relevante.
Em resumo: o WebP é a opção mais leve do ponto de vista operacional, enquanto o AVIF exige mais poder de computação em troca de ficheiros mais pequenos.
Funcionalidades
Ambos os formatos suportam compressão com perdas e sem perdas, transparência alpha completa e animação. O AVIF vai mais longe nalgumas áreas que importam para imagens de alta qualidade: suporta elevada gama dinâmica, gamas de cores amplas e maiores profundidades de bits até 12-bit, ao passo que o WebP se limita à cor 8-bit padrão. Se está a publicar fotografia HDR ou arte de gama ampla, o AVIF é o único dos dois que a consegue representar fielmente.
WebP vs AVIF Num Relance
| Propriedade | WebP | AVIF |
|---|---|---|
| Baseado em | VP8 (Google, 2010) | AV1 (AOMedia, 2019) |
| Tamanho típico vs JPEG | 25–34% mais pequeno | Cerca de 50% mais pequeno |
| Qualidade a baixas taxas de bits | Boa | Excelente |
| Suporte dos navegadores | Universal (Safari 14+) | Alargado (Safari 16.4+) |
| Velocidade de codificação | Rápida | Mais lenta, mais CPU |
| Transparência e animação | Sim | Sim |
| HDR, gama ampla, 12-bit | Não | Sim |
Qual Deve Usar?
Para a maioria dos sites, use ambos com uma cadeia de recursos alternativos: AVIF primeiro, WebP em segundo, JPEG ou PNG por último. Cada visitante recebe o formato mais eficiente que o seu navegador suporta, e nada deixa de funcionar nos dispositivos mais antigos.
Se tiver de escolher um único formato, deixe que a sua prioridade decida. Escolha o **WebP** quando a ampla compatibilidade, a codificação rápida e um fluxo de trabalho simples são o mais importante — é a opção segura e prática por defeito. Escolha o **AVIF** quando o tamanho do ficheiro é a prioridade máxima, como em grandes imagens de destaque, galerias de fotografias ou conteúdo HDR, e quando pode absorver a codificação mais lenta. Para ajudar a decidir entre todos os formatos, veja Como Escolher o Formato de Imagem Certo para a Web.
Como Criar Ficheiros WebP e AVIF
Pode converter imagens existentes sem qualquer software. Para WebP, converta JPG para WebP ou PNG para WebP. Para AVIF, converta JPG para AVIF ou PNG para AVIF. Se alguma vez voltar a precisar de um formato universalmente compatível, pode também converter WebP para PNG ou WebP para JPG. Para contexto, leia O Que É o WebP e O Que É o AVIF.