WebP vs AVIF

O AVIF pesa ainda menos; o WebP codifica mais rápido e funciona em aparelhos antigos.

Escolha WebP quando

WebP quando é preciso processar muitas imagens depressa ou quando também é preciso servir navegadores velhos.

Escolha AVIF quando

AVIF quando o que importa é o tamanho e o tempo de codificação tanto faz. Em fotos, vinte ou trinta por cento abaixo do WebP é o normal.

O detalhe que pega as pessoas de surpresa

Codificar em AVIF demora várias vezes mais que em WebP. Com uma imagem quase não se nota; com mil, se nota muito.

Passar de WebP para AVIF

O que se mantém

Nada é descartado. WebP e AVIF guardam o conteúdo sem perda, então a conversão troca a embalagem e não a qualidade — e pode ser repetida sem que o estrago se acumule.

A transparência se mantém. WebP e AVIF guardam canal alfa, então um recorte continua recortado e nada é preenchido atrás.

A animação se mantém. WebP e AVIF aceitam vários quadros, então o resultado continua se movendo.

Abrir o resultado

Os navegadores atuais leem AVIF; os antigos não. É o menos portátil dos dois, então vale confirmar que o destinatário aceita antes de enviar.

AVIF é um contêiner, não um formato único. O que toca é o codec de dentro — normalmente AV1 — e por isso dois arquivos com a mesma extensão podem se comportar de forma diferente no mesmo aparelho.

GIMP e Squoosh leem tanto WebP quanto AVIF, então dá para comparar o resultado com o original sem um segundo programa.

Para que serve cada formato

WebP é o formato da Google, publicado em 2010. Registra 8 bits por canal.

AVIF vem da Alliance for Open Media é de 2019, descrito em AV1 Image File Format. GIMP, Squoosh e ImageMagick leem o formato.

Passar de AVIF para WebP

O que se perde

AVIF guarda até 12 bits por canal e WebP guarda 8. Essa precisão a mais é o que aguenta correções fortes sem faixas, então converta depois de editar, não antes.

O que se mantém

Nada é descartado. AVIF e WebP guardam o conteúdo sem perda, então a conversão troca a embalagem e não a qualidade — e pode ser repetida sem que o estrago se acumule.

A transparência se mantém. AVIF e WebP guardam canal alfa, então um recorte continua recortado e nada é preenchido atrás.

A animação se mantém. AVIF e WebP aceitam vários quadros, então o resultado continua se movendo.

Abrir o resultado

WebP abre em qualquer navegador atual. AVIF alcança ainda menos navegadores. Se o arquivo vai para uma página web ou um formulário, esse costuma ser todo o motivo da conversão.

GIMP e Squoosh leem tanto AVIF quanto WebP, então dá para comparar o resultado com o original sem um segundo programa.

Para que serve cada formato

AVIF é o formato da Alliance for Open Media, publicado em 2019. Registra 12 bits por canal.

WebP vem da Google é de 2010, descrito em RFC 9649. Adobe Photoshop, GIMP e Squoosh leem o formato.

O que a conversão de WebP para AVIF faz de fato

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as AVIF.

AVIF17 KB20% maior

Uma cena fotográfica — degradês suaves, bordas macias, granulação. Este é o caso para o qual AVIF foi feito, ou contra o qual foi feito, e os números mostram qual dos dois. As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as AVIF.

AVIF3 KB21% menor

Fundo transparente e um degradê atravessando a forma. AVIF ou mantém os dois, ou mantém um, ou preenche a transparência com uma cor sólida — e é essa diferença que pega as pessoas. As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as AVIF.

AVIF5 KB2.1× menor

Cor chapada e bordas duras, como numa interface, num gráfico ou num logo. Comportamento bem diferente do da fotografia acima, e o motivo de a resposta ser "depende do que está no arquivo". As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.

Lado a lado

WebP e AVIF comparados linha a linha: o que cada um guarda e o que isso custa.
WebPAVIF
Full nameWebP ImageAV1 Image File Format
Extensão.webp.avif
Tipo de mídiaimage/webpimage/avif
CompressãoUm ou outro, conforme a configuraçãoUm ou outro, conforme a configuração
Este site consegue gravarSimSim

De onde vêm estes números

O que esta página afirma sobre WebP and AVIF pode ser conferido, e estes são os documentos que resolvem a questão.