O que é AVIF? O formato de imagem moderno que você precisa conhecer
O que o AVIF realmente é
AVIF é a sigla para AV1 Image File Format. É um contêiner moderno para imagens estáticas, derivado do codec de vídeo AV1 desenvolvido pela Alliance for Open Media — um consórcio de peso que inclui Google, Apple, Mozilla, Netflix e Amazon. A primeira especificação estável surgiu em 2019, e o suporte dos navegadores tem crescido constantemente desde então. Para entender o AVIF de verdade, você precisa olhar para sua árvore genealógica. Seu pai, o AV1, foi criado como um codec de vídeo livre de royalties para desafiar o HEVC (H.265), que é sobrecarregado por patentes e é a tecnologia por trás das imagens HEIF da Apple. Como o AV1 é de código aberto e gratuito, qualquer desenvolvedor pode implementá-lo sem pagar taxas de licenciamento. Isso é um fator gigantesco para a adoção. É por isso que Chrome, Firefox e Edge suportam AVIF nativamente, enquanto o suporte a HEIF/HEIC na web continua uma bagunça. O AVIF funciona usando as ferramentas de codificação intra-frame do AV1, basicamente tratando uma única imagem como um quadro de um vídeo. Isso não é um atalho de má qualidade. É o que dá ao AVIF acesso às mesmas técnicas de compressão sofisticadas que tornam o vídeo AV1 tão eficiente: tamanhos de blocos de transformação variados de até 64×64 pixels, síntese de granulação de filme, filtros de loop e muito mais. O resultado é um formato que compete de igual para igual com o JPEG XL e o WebP 2 pelo título de formato de imagem mais eficiente da atualidade. Além da compressão, o AVIF é um formato rico em recursos. Ele suporta profundidade de cor de 8, 10 e até 12 bits, juntamente com HDR e amplas gamas de cores como Rec. 2020 e Display P3. Ele também lida com transparência alfa e até animações curtas. Essa flexibilidade permite que ele tenha um bom desempenho tanto em conteúdo fotográfico quanto gráfico, embora, como veremos, ele tenha seus pontos fortes e fracos específicos.
Comparação da compressão AVIF com JPEG, WebP e PNG
Os números contam a história melhor do que adjetivos. Um estudo da Netflix de 2021 — e eles sabem do que estão falando, sendo um dos principais desenvolvedores do AV1 — mostrou que os arquivos AVIF eram aproximadamente 50% menores que os JPEGs com qualidade visual equivalente. O WebP do próprio Google geralmente oferece uma economia de 25 a 34% em relação ao JPEG. Isso não é uma melhoria pequena e incremental. É um salto geracional em eficiência. Vamos tornar isso concreto. Uma foto de produto de alta qualidade de 180 KB salva como JPEG (qualidade 85) teria cerca de 130 KB como WebP. Como um AVIF com um fator de taxa constante (crf) de 30, essa mesma imagem poderia pesar apenas 90–100 KB sem perda de qualidade perceptível em um bom monitor. Se você puder tolerar uma qualidade ligeiramente inferior para algo como uma miniatura, um crf de 40 pode reduzir o tamanho do arquivo para menos de 60 KB. E quanto aos gráficos? Para logotipos, ilustrações e capturas de tela de interface com cores chapadas, o PNG tem sido o rei do formato sem perdas. O AVIF tem um modo sem perdas, mas não presuma que seja melhor. Na minha experiência, é uma péssima escolha para esse trabalho. Arquivos AVIF sem perdas são frequentemente 10–20% maiores que o PNG equivalente. O modo sem perdas do WebP, por outro lado, consistentemente supera o PNG em cerca de 26% e também supera o AVIF sem perdas. A conclusão é clara: a verdadeira força do AVIF está na compressão com perdas para fotos, não em gráficos sem perdas. A transparência alfa é onde o AVIF realmente brilha. O JPEG não suporta transparência de forma alguma. O WebP suporta, mas o AVIF geralmente faz isso melhor e em um tamanho menor. Uma foto de produto com fundo transparente — o pão de cada dia do e-commerce — pode ser salva como um AVIF 60–70% menor que sua contraparte PNG, mantendo bordas nítidas e limpas em torno de detalhes complicados como cabelo ou pelos.
Suporte em navegadores e plataformas em 2025
O AVIF não é mais um experimento. Em meados de 2025, o suporte global dos navegadores ultrapassa 93%, de acordo com o caniuse.com. O Chrome já oferece suporte desde a versão 85, em agosto de 2020. O Firefox aderiu com a versão 93, em outubro de 2021. Um ponto crucial é que o Safari no macOS Ventura e iOS 16 e posteriores pode decodificar AVIF. O Edge, por ser baseado no Chromium, tem suporte desde o final de 2020. O que isso significa para você: se você servir imagens AVIF em seu site, quase todo mundo as verá. Os ~7% restantes de usuários em navegadores mais antigos só precisam de um fallback. A solução elegante e padrão é o elemento HTML `<picture>`: <picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Foto do produto"> </picture> Este fallback simples de três camadas cobre todos os navegadores que importam. Um navegador que não entende AVIF tentará WebP; se isso falhar, ele recorre ao JPEG universal. Simplesmente funciona. Não é necessário JavaScript. No desktop, a história é um pouco mais complicada, mas majoritariamente positiva. O Windows 11 pode exibir AVIFs em seu aplicativo Fotos após a instalação gratuita da Extensão de Vídeo AV1 da Microsoft Store. O macOS tem suporte nativo no Preview desde o macOS Monterey. O Adobe Photoshop integrou o suporte a AVIF na versão 23.2 (fevereiro de 2022), então você pode abri-los e salvá-los diretamente. O GIMP tem suporte desde a versão 2.10.22. Até o Figma pode abrir arquivos AVIF, embora ainda não possa exportá-los. Para quem cria fluxos de trabalho automatizados, as ferramentas do lado do servidor são maduras. Bibliotecas importantes como libavif (a implementação de referência), Sharp para Node.js, Pillow para Python 3.10+ e ImageMagick 7.1+ oferecem capacidades sólidas de codificação e decodificação de AVIF.
Quando usar AVIF — e quando não usar
Então, onde você deve realmente usar o AVIF? O alvo principal é qualquer imagem fotográfica na web onde o tamanho do arquivo afeta o desempenho. Pense em galerias de produtos de e-commerce, imagens de destaque de artigos de notícias e sites de portfólio. Se o seu site serve milhares de imagens por dia, mudar para AVIF pode cortar seus custos de largura de banda de CDN em 30–50%. Isso é dinheiro de verdade em grande escala. A fotografia HDR é outro caso de uso matador. Com seu suporte para cores de 10 e 12 bits e amplas gamas como Rec. 2020, o AVIF pode exibir conteúdo HDR sem precisar primeiro comprimi-lo para SDR. O JPEG não consegue fazer isso, e o WebP está preso em 8 bits. Para fotógrafos ou sites imobiliários que exibem imagens de alta qualidade para usuários com telas HDR, o AVIF é o único formato web amplamente suportado que faz justiça a esse hardware. Mas não é uma solução mágica. A maior desvantagem é que a codificação AVIF é lenta. Muito lenta. Codificar uma única foto de alta resolução com uma configuração de alta qualidade pode fazer a ventoinha da sua CPU disparar e levar vários segundos, enquanto um JPEG é codificado em milissegundos. Essa latência torna o AVIF uma má escolha para aplicações que precisam de geração de imagens em tempo real, como um editor de fotos que salva com frequência. Embora o suporte à codificação por hardware esteja melhorando, a codificação apenas por software continua sendo um gargalo significativo. Para outras tarefas, você deve usar a ferramenta certa para o trabalho. Gráficos vetoriais e diagramas ainda pertencem a um SVG. Para capturas de tela de código ou texto de interface onde você precisa de nitidez absoluta, pixel a pixel, continue com PNG ou WebP sem perdas. E para qualquer coisa relacionada à impressão, o AVIF é completamente irrelevante; TIFF e PDF ainda são os padrões indiscutíveis. E as animações? O AVIF as suporta (como sequências AVIS), mas a codificação é ainda mais lenta do que para imagens estáticas, e o suporte do navegador é menos confiável. Honestamente, é melhor usar um WebP animado ou, melhor ainda, um pequeno arquivo de vídeo MP4 ou WebM configurado para reprodução automática.
Como converter imagens para AVIF
Ok, então como você realmente cria esses arquivos? Você tem algumas opções, dependendo de suas necessidades. Para desenvolvedores e fãs da linha de comando, o `avifenc` (do kit de ferramentas libavif) é o codificador de referência. Um comando típico poderia ser: `avifenc --min 20 --max 40 --speed 6 input.jpg output.avif`. Os parâmetros `--min` e `--max` definem o intervalo de qualidade (menor é melhor, em uma escala de 0 a 63), e `--speed` controla o equilíbrio entre tempo de codificação e tamanho do arquivo (0 é o mais lento e mais eficiente, 10 é o mais rápido). Uma velocidade de 6 é um ótimo ponto de partida para processamento em lote. Se você quer ver o que está fazendo, o Squoosh do Google (squoosh.app) é uma ferramenta incrível baseada no navegador. Ele permite que você ajuste as configurações do AVIF com um controle deslizante de qualidade visual e uma comparação lado a lado instantânea. É perfeito para conversões pontuais e para ter uma ideia de como as configurações de qualidade afetam suas imagens específicas. Para conversões em massa sem tocar na linha de comando, o CocoConvert oferece AVIF como formato de saída para fontes como JPEG, PNG, WebP e HEIC. Você simplesmente envia seus arquivos, escolhe AVIF e baixa os resultados. O codificador é pré-configurado para encontrar um bom equilíbrio entre tamanho e qualidade para uso na web. Um aviso honesto: o CocoConvert não expõe controles manuais para o fator de taxa constante (crf) ou subamostragem de croma. Se você precisa desse nível de controle refinado — digamos, para garantir cor 4:4:4 para uma foto profissional — uma ferramenta de linha de comando ou a caixa de diálogo de exportação do Photoshop lhe dará essa precisão. No Photoshop (CC 2022 e posterior), basta ir em Arquivo > Exportar > Exportar como e escolher AVIF na lista de formatos. O Lightroom Classic, no entanto, ainda não exporta AVIF nativamente, exigindo plugins de terceiros para preencher essa lacuna.
AVIF vs. JPEG XL: O outro concorrente
Qualquer discussão honesta sobre o AVIF tem que reconhecer seu principal rival: o JPEG XL (JXL). É um formato fantástico que oferece algumas coisas que o AVIF não consegue, como a recompressão JPEG verdadeiramente sem perdas (você pode converter um JPEG para JXL e vice-versa com zero perda de qualidade) e velocidades de codificação mais rápidas em níveis de qualidade comparáveis. Ele também costuma fazer um trabalho melhor com imagens que contêm linhas nítidas e texto. Em comparações diretas de compressão, nenhum dos formatos é um vencedor claro em todos os cenários. O AVIF geralmente leva vantagem em fotos detalhadas com bitrates muito baixos, enquanto o JPEG XL tende a ser melhor para gráficos, imagens com muito texto e qualquer fluxo de trabalho onde a velocidade de codificação é um fator. Mas as especificações técnicas não contam a história toda. A diferença crucial é o suporte dos navegadores. Em 2023, os desenvolvedores do Chrome removeram o suporte experimental ao JPEG XL, citando falta de interesse do ecossistema, e essa decisão efetivamente congelou o mercado. Em meados de 2025, apenas o Safari (17+) suporta JXL nativamente, com o suporte do Firefox escondido atrás de uma flag. Isso significa que você não pode servir JXL na web hoje de forma confiável sem um polyfill de JavaScript. Para desenvolvedores web, isso toma a decisão por nós, pelo menos por enquanto. O AVIF, com seu suporte nativo de mais de 93%, é a única escolha prática para a implantação de imagens modernas. Essa situação pode mudar. A comunidade do JPEG XL é apaixonada e ativa, e os fornecedores de navegadores podem reconsiderar. Mas para quem está construindo sites agora, o AVIF tem a vantagem massiva e inegável de ser realmente suportado onde importa.
Você deveria migrar suas imagens existentes para AVIF?
Então, você deveria converter toda a sua biblioteca de imagens? A boa notícia é que a migração não precisa ser um processo de tudo ou nada. A melhor estratégia para a maioria é simplesmente adicionar versões AVIF ao lado de seus JPEGs e PNGs existentes, usando o elemento `<picture>` para permitir que os navegadores escolham o melhor formato. Isso significa que você não precisa apagar seus arquivos antigos; você apenas os complementa. A para um site com uma grande biblioteca, a conversão em lote é o único caminho sensato. Configure um script usando uma ferramenta como Sharp para Node.js ou ImageMagick em um loop de shell, ou use um plugin de etapa de compilação para Vite ou webpack. Deixe-o rodar durante a noite. A codificação lenta é um custo único, mas a economia de largura de banda traz retornos a cada carregamento de página. Para todas as novas imagens daqui para frente, o fluxo de trabalho é ainda mais simples. Torne prática padrão codificar uma versão AVIF para entrega na web. Mantenha seu arquivo fonte original de alta resolução — seja um RAW, TIFF ou um JPEG de alta qualidade — e gere o AVIF otimizado para a web como parte do seu processo de publicação. E quanto ao armazenamento? Sim, manter várias versões de cada imagem aumentará temporariamente o espaço de armazenamento utilizado. Os arquivos AVIF são menores, mas você os está adicionando à sua biblioteca existente. Para a maioria dos sites, no entanto, a economia significativa na largura de banda de saída da CDN superará facilmente o pequeno aumento nos custos de armazenamento de origem. Uma última palavra de cautela: arquivamento. Qualquer pessoa que já tentou abrir um arquivo de formato proprietário de 15 anos conhece a dor da deterioração de bits e da obsolescência. O AVIF ainda é jovem. O JPEG tem mais de 30 anos e será legível por softwares que ainda nem foram inventados. Para o arquivamento permanente e de longo prazo de suas imagens mais importantes, a escolha conservadora é a correta. Mantenha-se com JPEG de alta qualidade ou TIFF. Use AVIF para entrega, mas sempre guarde seus originais em um formato com um histórico comprovado.