Converter PNG para AVIF
Gere AVIF a partir de PNG, o formato que costuma entregar o menor arquivo, com transparência intacta.
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 PNG .
O que o AVIF entrega, e o que ele cobra
AVIF usa a compressão do codec de vídeo AV1 aplicada a uma imagem parada. Na prática, é o formato que entrega o menor arquivo entre os que rodam em navegador hoje, com boa margem sobre o WebP na mesma qualidade visual. Ele guarda transparência, trabalha com 10 e 12 bits por canal, aceita HDR e até animação. Para quem cuida do peso de uma página, é o melhor destino disponível.
A cobrança vem em dois lugares. O primeiro é o tempo de codificação: comprimir AVIF é caro, e aqui isso acontece dentro do seu navegador, em WebAssembly de uma thread só. Alguns segundos por imagem é o normal, e uma foto grande pode passar disso. O controle de velocidade do codificador já vem ajustado para o ponto em que o arquivo fica poucos por cento maior e o tempo cai bastante, senão a espera seria longa demais.
O segundo é o suporte. AVIF chegou ao Chrome em 2020, ao Firefox em 2021 e ao Safari em 2022, o que cobre a maioria do tráfego atual, mas não tudo. Navegador antigo em celular antigo pode não abrir, e fora do navegador o suporte ainda é irregular. Para site, o caminho seguro é servir AVIF com WebP ou JPG de reserva, usando a tag picture. Para anexar em sistema de terceiro, AVIF ainda não é a escolha.
Como funciona a conversão
- Solte seus arquivos PNG na área de entrada. Dá para mandar vários de uma vez.
- A ferramenta baixa o codificador do AVIF na primeira conversão, e só nela. Ele é o maior componente da página, e por isso não vem junto do carregamento inicial.
- Ajuste a qualidade. O AVIF segura bem a imagem em números que derrubariam um JPG, então vale testar valores entre 50 e 70 antes de subir mais.
- Cada imagem é codificada uma de cada vez, fora da thread principal, para a página continuar respondendo enquanto isso.
- Compare a economia na tela e baixe um arquivo ou o lote em ZIP.
Para que serve
- Cortar o peso de uma página Quando o WebP já foi aplicado e ainda falta velocidade, o AVIF é o passo seguinte. A redução costuma ser visível no relatório de desempenho, principalmente em imagem grande de topo de página.
- Imagem de fundo em alta resolução Fundo de página em PNG pesa demais. Em AVIF, o mesmo fundo costuma caber em uma fração do tamanho, e o degradê sai sem as faixas que apareceriam em JPG.
- Ilustração com transparência Ao contrário do JPG, o AVIF guarda canal alfa. Dá para trocar um PNG transparente pesado por um AVIF pequeno sem mudar o comportamento sobre o fundo da página.
- Avaliar se vale a pena adotar Converter algumas imagens reais do seu projeto e comparar o tamanho é mais confiável que qualquer média publicada. A tela mostra o número do seu arquivo, não de uma amostra de terceiros.
Perguntas frequentes
Por que a conversão demora tanto?
Porque codificar AVIF é caro, e isso é característica do formato, não da ferramenta. A compressão do AV1 testa muitas alternativas para cada pedaço da imagem, e aqui esse trabalho acontece no seu próprio processador, em WebAssembly de uma thread. Alguns segundos por imagem é o esperado, e foto grande pode passar disso. A página continua respondendo durante a espera, porque a codificação roda fora da thread principal.
Quais navegadores abrem AVIF?
Chrome desde a versão 85, de 2020, Firefox desde a 93, de 2021, e Safari desde a 16, de 2022, no macOS e no iPhone. Isso cobre a maior parte do tráfego real, mas não tudo. Navegador antigo mostra a imagem quebrada, então para site vale servir AVIF dentro de uma tag picture, com WebP ou JPG como alternativa.
AVIF é mesmo menor que WebP?
Na maioria das imagens, sim, e às vezes por uma margem grande, principalmente em fotografia e em degradê. Em imagem pequena, com poucas cores e muita borda dura, a vantagem some e o WebP pode até ganhar. É por isso que a tela mostra o número real do seu arquivo em vez de repetir uma média.
A transparência do PNG é preservada?
É, com a mesma suavidade do original. O AVIF guarda canal alfa completo, então borda arredondada e sombra continuam funcionando sobre qualquer fundo. Nesse ponto ele empata com o PNG e com o WebP, e ganha do JPG, que não tem transparência.
Qual qualidade usar?
Comece entre 50 e 70. O AVIF sustenta a imagem em números que estragariam um JPG, então valores que parecem baixos costumam ficar ótimos. Acima de 85 o arquivo cresce rápido sem ganho visível. Como cada ajuste reconverte, o melhor é comparar na prévia, lembrando que cada rodada leva alguns segundos.
Posso converter um lote grande?
Pode, até 40 arquivos, mas leve em conta o tempo. Como cada imagem custa segundos, um lote de 40 fotos grandes pode levar vários minutos. Para lote grande, uma saída é reduzir a largura máxima antes de converter, o que corta bastante o tempo.
Meus arquivos são enviados para algum lugar?
Não. Inclusive o codificador do AVIF roda no seu aparelho, e é justamente por isso que a conversão custa tempo do seu processador em vez de tempo de fila em um servidor. Nenhuma imagem sai do dispositivo.
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 oficial do formato, que define o uso da intraquadro do AV1 dentro do container HEIF, com alfa e alta profundidade de cor.
- Can I Use: suporte a AVIF nos navegadores Tabela de compatibilidade de onde vêm as versões citadas: Chrome 85, Firefox 93 e Safari 16.
- Especificação PNG (W3C) Especificação do formato de origem, referência para o que é preservado na conversão, como o canal alfa.
- jSquash: codecs de imagem em WebAssembly A biblioteca que traz o codificador AVIF para dentro do navegador, e a razão de o pacote ser baixado só na primeira conversão.
Termos relacionados
Esta página responde a quem procura por: