Converter WebP para AVIF
Teste se trocar WebP por AVIF vale a pena, com o tamanho real dos seus arquivos lado a lado.
Prévia do arquivo AVIF gerado
O AVIF segura bem a qualidade em números baixos. Entre 50 e 70 já costuma ficar melhor que um JPG em 85.
Tamanho do arquivo
-
Convertendo…
Ver as 64 conversões de imagem. A conversão inteira roda no seu dispositivo. Nenhuma imagem é enviada para servidor nenhum. Precisa do caminho inverso? Converter AVIF para WebP .
Vale a pena trocar WebP por AVIF?
Quem chega nesta página já fez a lição de casa uma vez: trocou JPG e PNG por WebP e ganhou velocidade. A pergunta agora é se o passo seguinte compensa. A resposta honesta é que depende do material, e por isso esta ferramenta mostra o tamanho dos dois arquivos lado a lado em vez de repetir uma média publicada.
Em fotografia e em imagem com muito degradê, o AVIF costuma ganhar do WebP com folga, às vezes cortando mais de um terço. Em imagem pequena, com poucas cores e muita borda dura, como ícone e print de interface, a vantagem some e o WebP às vezes empata ou ganha. Há ainda o efeito da recompressão: seu WebP já descartou informação, e o AVIF comprime por cima disso, o que reduz o ganho em relação a converter a partir de um original sem perdas.
Fora do tamanho, há duas diferenças práticas. O AVIF chegou aos navegadores depois, então o público que ele alcança é um pouco menor, e a recomendação continua sendo servir com alternativa dentro de uma tag picture. E codificar AVIF custa segundos por imagem, enquanto o WebP é praticamente instantâneo, o que muda o cálculo quando o lote é grande.
Como funciona a conversão
- Solte seus arquivos .webp na área de entrada, de preferência alguns representativos do seu material.
- O navegador decodifica o WebP nativamente, e o codificador AVIF é baixado na primeira conversão.
- Ajuste a qualidade. Comece entre 50 e 70, faixa em que o AVIF costuma ficar visualmente igual ao WebP de origem.
- Compare o número na tela, arquivo por arquivo. É esse valor, e não uma média, que responde se vale a pena adotar.
- Baixe um arquivo ou o lote inteiro em ZIP.
Para que serve
- Decidir se vale migrar o site Converter uma amostra real das imagens do projeto e olhar os números é o teste mais confiável. Se o ganho médio for pequeno, a migração não se paga em trabalho.
- Imagem grande de topo de página É onde o AVIF costuma ganhar mais e onde a métrica de carregamento mais sente. Muitas equipes convertem só as imagens grandes e deixam o resto em WebP.
- Servir os dois formatos Gerar o AVIF sem descartar o WebP permite oferecer os dois na tag picture, com o navegador escolhendo o melhor que ele abre.
- Fotografia com muito degradê Céu, sombra e fundo desfocado são o material em que a compressão do AV1 se destaca, e o mesmo em que o WebP costuma deixar leves faixas.
Perguntas frequentes
O AVIF sempre fica menor que o WebP?
Não. Em fotografia e degradê ele costuma ganhar bem, mas em imagem pequena com poucas cores e bordas duras a diferença some, e o WebP pode até ficar menor. Como a origem já é um arquivo com perdas, o ganho também é menor do que seria a partir de um PNG. A tela mostra o resultado real de cada arquivo justamente porque a resposta varia.
Recomprimir de WebP para AVIF estraga a imagem?
Adiciona uma segunda perda sobre a primeira, sim. Na qualidade padrão isso é imperceptível, mas o efeito existe e é cumulativo. Sempre que você tiver o arquivo original sem perdas, converter a partir dele dá um resultado melhor que converter a partir do WebP.
Por que a conversão demora?
Porque a codificação do AVIF é cara e roda no seu processador, em WebAssembly de uma thread. Alguns segundos por imagem é o normal. A velocidade do codificador já vem ajustada para um bom equilíbrio, e reduzir a largura antes de converter é o jeito mais eficaz de acelerar um lote grande.
Quais navegadores abrem AVIF?
Chrome desde a versão 85, Firefox desde a 93 e Safari desde a 16, incluindo iPhone. O alcance é grande, mas menor que o do WebP, que funciona também em versões mais antigas. Por isso a recomendação prática é servir AVIF com WebP como alternativa, e não substituir um pelo outro.
A transparência sobrevive?
Sobrevive inteira. Os dois formatos guardam canal alfa completo, então nada muda em imagem com fundo transparente ou borda suave.
E se o WebP for animado?
Só o primeiro quadro é convertido. O AVIF suporta animação em especificação, mas o que esta ferramenta gera é imagem parada, e a página avisa quando o arquivo de origem pode ter mais de um quadro.
Os arquivos são enviados para algum servidor?
Não. Inclusive o codificador AVIF roda dentro do navegador, o que é o motivo de a conversão consumir tempo do seu processador em vez de tempo de fila em um serviço.
Ferramentas relacionadas
Fontes
Os limites e formatos aplicados por esta ferramenta vêm das especificações oficiais abaixo, não de terceiros:
- Especificação AVIF (Alliance for Open Media) Especificação do formato de destino, que define o uso da codificação do AV1 e o suporte a alfa e animação.
- WebP: documentação oficial do Google Documentação do formato de origem, referência para o que ele guarda e para a natureza da compressão com perdas.
- Can I Use: suporte a AVIF nos navegadores Fonte das versões citadas e da comparação de alcance entre AVIF e WebP.
- jSquash: codecs de imagem em WebAssembly A biblioteca que traz o codificador AVIF para o navegador, usada aqui porque nenhum navegador grava AVIF nativamente.
Termos relacionados
Esta página responde a quem procura por: