WebP vs AVIF: Codificação, Compressão e Suporte de Navegador

O WebP utiliza codificação intra VP8, baseada em codificação de resíduo preditivo. Ele divide as imagens em blocos de luma de 16x16 e blocos de crominância correspondentes, fornece apenas 4 modos de predição intra, tem um processo de codificação relativamente simples e menor complexidade computacional.

O AVIF utiliza codificação intra AV1, suporta particionamento de blocos de tamanho variável de 4x4 a 64x64, fornece até 56 direções de predição intra e adiciona novos modos como predição angular e predição direcional, que podem ajustar-se aos detalhes de textura local das imagens com maior precisão.

A codificação intra VP8 não utiliza otimização de filtragem em loop. A codificação intra AV1 adiciona filtragem de desbloqueio em loop e redução de ruído, que pode reduzir artefatos de bloqueio e distorção de contorno causados pela compressão, resultando em qualidade de imagem subjetiva mais suave na mesma taxa de bits.

Dados medidos públicos de fornecedores domésticos de CDN mostram que, com a mesma qualidade de imagem subjetiva, os tamanhos de arquivo AVIF são 15% a 30% menores que os WebP. A melhoria da taxa de compressão para imagens fotográficas naturais é maior do que para imagens vetoriais e gráficas.

Os tamanhos de arquivo WebP são 25% a 35% menores que o JPEG tradicional. O AVIF tem uma vantagem de taxa de compressão mais evidente em cenários de fotografia de alta definição e imagens de grande tamanho. Em cenários de visualização prévia de baixa qualidade, a diferença de taxa de compressão entre os dois reduz-se para menos de 10%.

Nos resultados de testes públicos atuais, não foi registado nenhum caso de o AVIF ter um tamanho de arquivo maior que o WebP com qualidade de imagem igual. Apenas em imagens gráficas onde blocos de cor sólida representam mais de 80% da área, a diferença de taxa de compressão entre os dois é inferior a 5%.

Ambos os formatos suportam canais alfa e animação, mas existem diferenças na implementação detalhada. O WebP suporta transparência alfa de 8 bits, enquanto o AV1 suporta transparência alfa de 10 bits e 12 bits, resultando em gradientes de transparência mais suaves.

Em termos de suporte a HDR, o WebP só suporta armazenamento básico de HDR estático, e a adaptação completa de decodificação PQ e HLG não foi amplamente implementada. O AVIF suporta nativamente profundidade de cor de 10 bits, HDR10 e gama de cores ampla, e está adaptado aos dispositivos de exibição de gama ampla atuais.

Em termos de suporte a animação, o WebP tem menor complexidade de codificação por quadro único, e o uso de recursos de decodificação durante a reprodução é menor do que na animação AVIF. A animação AVIF tem um tamanho de arquivo cerca de 20% menor que a animação WebP com a mesma qualidade de imagem.

Em 2024, a cobertura global de suporte de navegadores para WebP excede 96%, e a maioria das versões de navegadores mainstream consegue analisar e exibir imagens WebP normalmente.

A cobertura de suporte de navegadores para AVIF é aproximadamente 84%, inferior à do WebP. As imagens AVIF não podem ser exibidas normalmente em dispositivos antigos macOS e iOS que executam versões do Safari inferiores a 16.4.

Para imagens grandes de produtos de comércio eletrónico e cenários de banners de marketing, priorize o AVIF com uma solução de fallback para WebP. Isto reduz os custos de armazenamento e largura de banda ao mesmo tempo que cobre utilizadores de navegadores mais antigos, e garante o controlo de custos em cenários de alto tráfego.

Para miniaturas de listas de produtos e cenários de ícones de páginas de detalhes de produtos, o WebP é suficiente para satisfazer os requisitos. Neste cenário, os tamanhos das imagens individuais já são pequenos, o benefício da melhoria da taxa de compressão é limitado, e o WebP tem velocidade de decodificação mais rápida.

Para imagens animadas de exibição de produtos e imagens animadas de publicidade, escolha AVIF quando a largura de banda é uma prioridade e os requisitos de compatibilidade são baixos, e escolha WebP quando é necessária ampla cobertura e elevado desempenho de decodificação. Pode utilizar o conversor de WebP para AVIF do OKfmt para completar testes de formato de pré-conversão.