Notas da equipe sobre ofício, formatos e as pequenas decisões por trás de um bom resultado.
Por que o AVIF supera o WebP em fotografias
A vantagem de compressão do AVIF sobre o WebP vem de um formato mais novo. O WebP foi concebido para vídeo, mas passou a ser usado para imagens desde 2010. O formato que dá base ao AVIF chegou em 2018, fruto de anos de pesquisa voltados exatamente para os limites dos métodos anteriores. Ele processa detalhes de cor com mais cuidado e guarda o resultado de forma mais eficiente. O resultado prático, validado em grandes conjuntos de teste com fotos, é que o AVIF costuma ser de 20 a 30% menor que o WebP com a mesma qualidade visual em fotografias. Em gráficos gerados por computador com cor chapada e bordas duras a diferença diminui, porque o algoritmo mais simples do WebP lida bem com esses padrões. Para qualquer página cujos arquivos mais pesados sejam fotografias, a subida para AVIF tem impacto mensurável na banda.
O segundo passo com perda na prática
Quando você converte um WebP para AVIF, tanto a origem quanto a saída têm compressão com perda. O WebP já decidiu qual informação de cor descartar quando foi criado, e essas decisões são definitivas: converter para AVIF não recupera nada disso. A parte de AVIF então toma suas próprias decisões sobre os dados de cor que recebe, na qualidade 85. Para fotografias, o efeito combinado de dois passos com compressão ainda fica visualmente quase exato em tamanhos típicos de tela. Para gráficos já degradados pela gravação WebP, o segundo passo pode somar artefatos visíveis. A regra prática: se o WebP de origem parece limpo no tamanho que você pretende mostrar, o AVIF também vai parecer. Se o WebP já mostra ruído de compressão, examine o AVIF com cuidado antes de publicar.
Como o camada de transparência flui através
Tanto o WebP quanto o AVIF guardam a transparência como uma camada separada ao lado dos dados de cor. A conversão lê a camada de transparência do WebP e a entrega ao codificador AVIF, que grava sua própria camada de transparência na qualidade 85. Gradientes suaves, bordas esfumadas e áreas parcialmente transparentes sobrevivem todos a essa ida e volta. A camada de transparência do AVIF é ela mesma com compressão na qualidade 85, o que pode introduzir um leve franjado quase imperceptível em bordas duras sob zoom extremo. Em tamanhos normais de exibição na web a diferença em relação à origem não é visível. Para trabalho minucioso em ícones pequenos onde a borda da transparência precisa ser exata, mantenha a origem WebP e verifique a saída em zoom total antes de publicar.
Expectativas de tempo de gravação entre navegadores e aparelhos
A parte de AVIF se prepara uma vez por sessão do navegador, adicionando cerca de um segundo à primeira conversão. Depois disso, o Chromium dá a melhor vazão: cerca de 12 megapixel, rapidamente para uma foto de 1 megapixel, 2,8 segundos para uma foto 4K e 25 segundos para uma imagem completa de 48 megapixels no pior caso observado. O Firefox é o ponto fora da curva, rodando a mesma gravação cerca de quatro vezes mais devagar, o que coloca o caso 4K perto de 31 segundos e arquivos grandes além de dois minutos. O WebKit fica entre os dois, mais perto do Chromium. O hardware móvel roda de 3 a 5 vezes mais devagar que o desktop em todos os motores. Para conversão rotineira arquivo por arquivo, o Chrome num notebook ou desktop é a ferramenta prática. Para usuários de Firefox com imagens grandes, o conselho honesto é trocar de navegador ou manter o WebP.
Core Web Vitals e a subida para AVIF
Páginas que servem fotografias pagam um custo de banda por cada imagem carregada. Se essas imagens são WebP hoje, convertê-las para AVIF corta a transferência por imagem em cerca de 20 a 30% em fotografias. Numa página com uma imagem de destaque WebP de, o AVIF traz isso para perto de 140 a. Numa grade de produtos com doze miniaturas WebP de, o AVIF economiza cerca de 70 a de peso total da página. Essas economias afetam diretamente o Largest Contentful Paint quando o elemento de LCP é uma imagem. Com cerca de 94% de suporte global do AVIF nos navegadores, um elemento picture servindo AVIF primeiro com um fallback de WebP cobre praticamente todo o tráfego. O custo da marcação é pago uma vez por componente de imagem, e a economia de banda se repete a cada carregamento de página depois.
Por que a conversão para AVIF se apoia num servidor
O AVIF é construído sobre o um formato moderno, a mesma família usada em vídeo moderno, e é de propósito pesado de gerar em troca de arquivos compactos. Fazer esse trabalho bem, sobretudo em fotos grandes, é muito mais rápido e confiável num servidor de verdade do que no navegador de um celular, então este par envia a imagem ao nosso servidor para gerar o melhor AVIF possível. O arquivo é processado e o resultado volta para você, e o download é removido em cerca de 2 horas, sem dados pessoais e sem armazenamento de longo prazo. Converter várias imagens de uma vez sempre roda no servidor, que monta o conjunto pronto num só download, apagado no mesmo prazo curto. Se o nosso servidor não puder ser alcançado, uma conversão sozinha passa a ser gerada dentro do navegador, mantendo esse arquivo local, aceitando uma geração mais lenta pela conveniência. A troca é clara: o servidor compra qualidade e velocidade no formato que mais precisa disso, e o seu arquivo nunca é guardado além da breve janela que leva para converter.
