Converter PNG para AVIF — transparência mantida, peso reduzido
Converter PNG para AVIF: manter a transparência sem atrasar o sítio
Houve uma situação em que os programadores web ficaram presos durante anos: uma imagem precisa de fundo transparente, logo tem de ser PNG — e os ficheiros PNG são pesados. Uma foto de produto recortada à largura do ecrã chega depressa a 2 MB. Com oito imagens dessas, a página está perdida.
O JPG não era solução por não suportar transparência. E assim se ficava sem saída.
O AVIF resolve exactamente esse conflito
O AVIF suporta um canal alfa completo e comprime ao mesmo tempo com perdas. Um PNG de 2 MB passa assim frequentemente a um AVIF de 150 a 300 KB: uma poupança de 85 a 92 por cento com a transparência preservada.
Para fotos de produto recortadas, ilustrações com sombras suaves e imagens de grande superfície com degradês, é o maior ganho que se pode obter em imagens.
Quando ficar pelo PNG
Nem todos os PNG saem beneficiados. Num gráfico simples com poucas cores planas — um ícone, um logótipo sóbrio, um esquema — o PNG já trabalha de forma muito eficiente. Aí um ficheiro AVIF pode até resultar maior, e a compressão com perdas pode criar ligeiras imprecisões nos contornos vivos.
Fique igualmente pelo PNG se se tratar do seu ficheiro de trabalho. O AVIF é um formato de distribuição para a web, não um formato para edições e gravações repetidas.
A regra prática
Fotos recortadas, ilustrações com degradês, grandes superfícies com transparência: converter para AVIF. Ícones, desenhos de linha, capturas com texto, ficheiros de trabalho: ficar pelo PNG.
Não esquecer o formato alternativo
Os equipamentos muito antigos não conhecem AVIF. Em produção, coloque o AVIF como primeira fonte do elemento picture e o PNG original como segunda: os navegadores modernos usam o ficheiro leve, os mais antigos recorrem ao original.
Processamento sem carregamento
As fotos de produto recortadas são muitas vezes o que uma marca tem de mais valioso, sobretudo antes da publicação. O ImageXpo não transfere nada: a codificação corre através de WebAssembly no seu navegador, mesmo com várias centenas de ficheiros.
Perguntas frequentes
O fundo transparente mantém-se?
Sim, integralmente. O AVIF suporta um canal alfa completo. É a vantagem decisiva face ao JPG e a razão pela qual esta via é tão útil em imagens recortadas.
O meu ficheiro AVIF é maior do que o PNG, como é possível?
Acontece em gráficos com poucas cores planas, como ícones ou logótipos simples, porque o PNG já armazena esse conteúdo de forma muito eficiente. O AVIF mostra a sua força em fotos e degradês suaves: nesses casos fique pelo PNG.
Posso usar AVIF como ficheiro de trabalho?
De preferência não. O AVIF comprime com perdas, pelo que cada nova gravação degrada a qualidade. Conserve o PNG como ficheiro de trabalho e produza o AVIF apenas para distribuição web.
E os navegadores antigos?
Todos os navegadores actuais mostram AVIF, os equipamentos muito antigos não. Integre-o através de um elemento picture com o PNG como segunda fonte e cada equipamento receberá uma versão que consiga mostrar.