Format Atlas

Comparar

AVIF vs WebP

AVIF e WebP são voltados a imagens na web e oferecem opções com e sem perdas, além de transparência. Compare qualidade, tamanho, velocidade de codificação e suporte usando as mesmas imagens; pode fazer sentido servir mais de um formato.

Qual formato você deve escolher?

Teste imagens representativas nos dois formatos com configurações comparáveis e meça qualidade visual, tamanho transferido, tempo de codificação e compatibilidade. Nenhum é sempre melhor.

Indicado para AVIF

Imagens para a web · Fotografias otimizadas · Imagens web transparentes

  • Equilibrar qualidade e tamanho de transferência
  • Ambientes com suporte a AVIF confirmado

Indicado para WebP

Imagens para a web · Fotografias · Recursos web transparentes

  • Reduzir a transferência de imagens web
  • Recursos com transparência ou animação

Informações básicas

CampoAVIFWebP
Extensão.avif.webp
Tipo MIMEimage/avifimage/webp
Usos comunsImagens para a web · Fotografias otimizadas · Imagens web transparentesImagens para a web · Fotografias · Recursos web transparentes
Como abrirNavegadores compatíveis exibem AVIF em páginas web. Para arquivos locais, confirme o suporte do visualizador ou editor.Abra arquivos WebP em um navegador, visualizador ou editor de imagens compatível.
Exportar ou converterAo converter JPEG ou PNG para AVIF, mantenha o original e confira qualidade e transparência. Ao converter AVIF para outro formato, recursos ou metadados podem não ser preservados.Ao exportar WebP para JPEG, a transparência não é preservada e a saída tem perdas. Ao exportar para PNG, defina se uma imagem estática basta e trate a animação separadamente quando necessário.

Escolha por finalidade

Equilibrar qualidade e tamanho de transferência

Imagens para a web · Fotografias otimizadas · Imagens web transparentes

AVIF

Ambientes com suporte a AVIF confirmado

Imagens para a web · Fotografias otimizadas · Imagens web transparentes

AVIF

Reduzir a transferência de imagens web

Imagens para a web · Fotografias · Recursos web transparentes

WebP

Recursos com transparência ou animação

Imagens para a web · Fotografias · Recursos web transparentes

WebP

Ponto principal 1

AVIF usa codificação de imagem baseada em AV1 e pode ser considerado para otimizar a entrega na web.

Mais sobre as diferenças

Ponto principal 2

WebP também é voltado à web e oferece imagens com ou sem perdas, transparência e animação.

Mais sobre as diferenças

Mais sobre as diferenças

Escolha com base em medições e no suporte de navegadores, CMS e ferramentas de imagem. Mantenha uma alternativa ou sirva vários formatos se o público precisar.

  • Os dois formatos podem representar transparência; animação depende das ferramentas e do fluxo de entrega.
  • Os resultados de compressão e o custo de codificação variam conforme a imagem e as configurações.
  • Compare a mesma imagem no tamanho de exibição previsto, não apenas os nomes dos formatos.

Perguntas frequentes

AVIF é sempre menor que WebP?

Não. O resultado depende do conteúdo, codificador, configurações e qualidade desejada. Teste as imagens que serão publicadas.

Saiba mais

Usos e verificações relacionados

Escolha um formato para animaçãoEscolha um formato para fotografiasEscolha um formato de imagem transparenteEscolha um formato de imagem para web

Referências e especificações