AVIF vs JPEG XL: Quem Venceu?

Use AVIF, porque ele funciona em todos os principais navegadores, enquanto o JPEG XL não. Na maioria dos critérios técnicos, o JPEG XL é o formato mais forte, oferecendo transcodificação JPEG sem perdas, decodificação progressiva e excelente qualidade por byte. Ele também é, para fins práticos, impossível de implementar na web aberta.

O Chrome removeu o suporte ao JPEG XL em 2023, alegando falta de interesse do ecossistema, e sem o Chrome um formato de imagem para a web não acontece. O AV1 Image File Format (AVIF) teve a vantagem de se apoiar no AV1, um codec de vídeo no qual os desenvolvedores de navegadores já estavam investindo. A melhor tecnologia perdeu para aquela com a estratégia de distribuição mais forte, o que não é um padrão novo.

Como os 2 formatos se comparam

O JPEG XL vence em velocidade de codificação, carregamento progressivo e conversão JPEG sem perdas, enquanto o AVIF vence na única métrica que decide a implementação, que é o suporte dos navegadores.

A linha de transcodificação JPEG sem perdas é o recurso que a web perdeu. O JPEG XL consegue reempacotar um JPEG existente cerca de 20 por cento menor e convertê-lo de volta para o arquivo original idêntico, o que teria permitido reduzir arquivos sem qualquer risco.

Por que o Chrome removeu o JPEG XL

O Chrome alegou falta de interesse do ecossistema, benefício limitado em relação aos formatos existentes e o custo de manutenção de mais um decodificador. A decisão foi anunciada em 2022 e entrou em vigor em 2023.

O argumento foi contestado na época e continua sendo. Os defensores apontaram vantagens de compressão mensuráveis e o apoio de vários grandes distribuidores de imagens. O contra-argumento foi que o AVIF já entregava a maior parte do benefício usando um decodificador que os navegadores já traziam para vídeo. Qualquer que seja a visão correta, um formato sem o Chrome não pode ser servido para a maioria do tráfego da web.

Onde o JPEG XL ainda é usado

O JPEG XL sobrevive na fotografia profissional, no armazenamento de arquivos e no software da Apple, onde um único fornecedor controla todo o fluxo. O Safari adicionou suporte em 2023, o que mantém o formato vivo nas plataformas Apple.

• Arquivos de fotos usam a transcodificação JPEG sem perdas para reduzir o armazenamento sem risco de perda.
• Fluxos de trabalho de câmeras profissionais se beneficiam da alta profundidade de bits e do amplo suporte a cores.
• Plataformas Apple conseguem decodificá-lo, o que o torna viável dentro de ecossistemas fechados.
• Imagens médicas e científicas valorizam o modo sem perdas e a decodificação progressiva.
• Não na web aberta, onde um formato precisa funcionar em todos os navegadores para ser utilizável.

Quando usar AVIF em um site

Use AVIF em suas maiores fotografias, onde ele economiza de 20 a 30 por cento em relação ao WebP. A vantagem cresce com o tamanho da imagem e desaparece em gráficos pequenos.

Imagens de destaque, banners de largura total e galerias de fotos são os casos claros. Abaixo de aproximadamente 10 KB, um arquivo AVIF é frequentemente maior do que o equivalente em WebP, porque o peso do contêiner supera o ganho de compressão. Dividir uma biblioteca por tamanho, com AVIF nas imagens pesadas e WebP em todo o resto, aproveita a maior parte do benefício sem o custo de codificação.

O custo da codificação AVIF

O AVIF codifica várias vezes mais devagar que o WebP, o que faz diferença em grandes lotes e não em imagens individuais. Uma fotografia que se converte para WebP em menos de um segundo pode levar vários segundos em AVIF.

Em um lote de 500 imagens, a diferença é medida em minutos. Esse custo é pago uma vez por imagem e nunca mais, já que a decodificação é rápida em todos os navegadores compatíveis. Planeje uma grande conversão quando o computador estiver livre e mantenha a aba do navegador em primeiro plano, pois os navegadores limitam as abas em segundo plano e desaceleram consideravelmente o trabalho.

Como servir AVIF com segurança

Para usar AVIF sem quebrar navegadores mais antigos, siga estes 5 passos.

1. Identifique as maiores imagens de cada página, que geralmente são os banners de destaque e as fotografias principais.
2. Reduza cada imagem para a largura que ela ocupa na página, duplicada para telas de alta densidade.
3. Converta para AVIF com qualidade entre 60 e 70, já que o AVIF mantém detalhes em números menores do que o JPEG.
4. Converta a mesma origem para WebP como segunda opção e mantenha o JPEG original como último recurso.
5. Sirva os 3 formatos através de um elemento picture com o AVIF primeiro, o WebP em segundo e o JPEG na tag img.

O navegador escolhe o primeiro formato que compreende, de modo que nada quebra em lugar nenhum. Escrever o código geralmente leva mais tempo do que converter os arquivos.

As configurações de qualidade do AVIF funcionam de forma diferente

A qualidade AVIF 60 parece comparável à qualidade JPEG 85, portanto os números familiares não se aplicam. Usar hábitos do JPEG com o AVIF produz arquivos muito maiores do que o necessário.

Comece em 60 para fotografias e ajuste a partir daí. Fique atento a uma falha específica, pois o AVIF em configurações agressivas tende a suavizar texturas finas em vez de produzir blocos, o que pode fazer com que grama, cabelo e tecidos pareçam pintados. Esse artefato é menos incômodo do que a pixelização do JPEG e é fácil de passar despercebido até que alguém aponte.

Como um formato vence ou perde

A distribuição decide os formatos de imagem, não o mérito técnico, e os desenvolvedores de navegadores controlam a distribuição. O mesmo padrão produziu o resultado para o WebP, que venceu porque o Chrome o distribuiu, e para o JPEG 2000, que falhou apesar de ser tecnicamente capaz.

O AVIF se beneficiou de uma decisão tomada sobre vídeo e não sobre imagens. Os desenvolvedores de navegadores já haviam investido no AV1 para reduzir os custos de streaming, de modo que um formato de imagem baseado no mesmo decodificador custou muito pouco para ser adicionado. O JPEG XL exigia um novo decodificador, nova manutenção e uma nova superfície de segurança, com um benefício que os navegadores julgaram marginal em relação ao que já ofereciam.

Isso afeta os usuários comuns?

Não, a maioria das pessoas nunca escolhe um formato de imagem diretamente, e a decisão é tomada pela plataforma onde publicam. O debate importa para proprietários de sites, fotógrafos e desenvolvedores que controlam sua própria entrega.

Qualquer pessoa que publique em um marketplace, rede social ou criador de sites hospedado está enviando JPG ou PNG e deixando a plataforma recodificar. A discussão sobre formatos só chega até você quando você controla os arquivos que um visitante baixa, razão pela qual ela domina as discussões de desempenho web e é invisível em qualquer outro lugar.

O que isso significa para a sua biblioteca

Guarde os arquivos originais sem perdas, publique em AVIF e WebP, e ignore o debate sobre formatos. Os formatos de entrega mudam a cada poucos anos, enquanto um arquivo original permanece útil indefinidamente.

Qualquer pessoa que tenha convertido uma biblioteca inteira para um formato de entrega e excluído os originais já enfrentou esse problema antes. O armazenamento é barato em comparação com fotografar novamente um catálogo, de modo que a estratégia prática é armazenar a melhor versão que você possui e gerar cópias de entrega sempre que a web mudar de ideia.

O JPEG XL vai voltar?

Um retorno exigiria que o Chrome revertesse sua decisão, e nenhum anúncio sugere que isso esteja planejado. O suporte do Safari e o interesse contínuo de softwares de fotografia evitam que o formato desapareça por completo.

Formatos já retornaram de posições piores antes, então a questão está aberta e não fechada. Construir um site em torno dessa possibilidade seria imprudente. Use AVIF e WebP para entrega hoje, guarde os originais em um formato sem perdas, e a adoção de qualquer formato futuro se tornará uma conversão em lote em vez de uma reconstrução.

Convertendo uma biblioteca para AVIF

Converta a partir do arquivo original em vez de um JPEG existente, porque uma origem com perdas carrega imperfeições para o novo arquivo. O codificador AVIF gasta bits descrevendo artefatos do JPEG que ele não consegue distinguir dos detalhes reais.

Adicione até 500 arquivos juntos, ou envie um arquivo ZIP, e todo o conjunto será codificado de uma só vez. Tudo roda dentro do seu navegador no seu próprio processador, de modo que bibliotecas de fotos, trabalhos de clientes e materiais de campanhas não publicadas nunca chegam a um servidor. Codificar localmente também significa que um grande lote roda na velocidade da sua máquina e não na velocidade de um upload.