AVIF ou WebP: qual formato de imagem escolher em 2026

Se você tem uma loja virtual, um blog ou um catálogo de produtos, as imagens quase com certeza são o que mais pesa na página. São elas que travam o carregamento, consomem os dados dos visitantes e derrubam as notas de velocidade nos buscadores. A boa notícia: nos últimos anos surgiram formatos que comprimem as imagens muito mais forte que o velho JPG, e a imagem continua com a mesma aparência. A má notícia: são vários de uma vez, cada um com suas vantagens e suas armadilhas, e escolher de primeira não é simples. Neste artigo vamos entender no que o AVIF difere do WebP, onde entra o JPEG XL, quando usar cada formato e como configurar tudo para que fique rápido para todos os visitantes, sem exceção.

Imagine duas fotos de produto idênticas à vista. Uma pesa 800 KB, a outra 180 KB. Para o olho não há diferença, mas para o site ela é enorme. Uma página de catálogo costuma ter de 20 a 40 imagens, e se cada uma estiver pesada demais, a página incha para vários megabytes. O visitante que está no celular com uma internet não muito rápida simplesmente fecha a aba sem esperar o carregamento. Segundo as estatísticas, boa parte das pessoas abandona uma página que demora mais de três segundos para carregar, e na maioria das vezes a culpa é justamente das imagens pesadas.

A velocidade de carregamento já virou fator de posicionamento há muito tempo. Os buscadores medem quão rápido o conteúdo principal da página aparece, e as imagens estão em primeiro lugar em influência. Quanto mais leves as imagens, mais rápido a página surge, maior a chance de o visitante ficar e comprar algo. Isso funciona nos dois sentidos: um site rápido recebe mais visitantes da busca, e uma página rápida retém melhor quem já chegou. As imagens nessa equação quase sempre são o elo mais fraco, porque texto e estilos pesam kilobytes, enquanto uma única foto não comprimida pode pesar um megabyte.

Há também o lado puramente financeiro da questão. Cada megabyte que você entrega ao visitante é tráfego. Em um site grande, com milhares de visitas por dia, o peso das imagens influencia diretamente os custos de hospedagem e a velocidade do servidor. Ao reduzir as imagens à metade, você reduz à metade a carga e os gastos, sem perder nada na qualidade da imagem.

O bom e velho JPG cumpriu seu papel, mas em eficiência de compressão ele ficou irremediavelmente para trás. Os formatos modernos, com a mesma qualidade visual, geram arquivos duas vezes mais leves. A questão é só qual dos novos formatos escolher e como não quebrar o site para quem tem um navegador antigo. Vamos por partes, sem teoria em excesso, só o que serve na prática.

Um pequeno glossário de formatos, para o resto ficar claro

Antes de comparar, vamos passar rápido pelos personagens da história. São cinco, e cada um tem seu papel.

• JPG (o mesmo que JPEG). Veterano desde 1992. Compressão com perdas, sem transparência e sem animação. Abre absolutamente em qualquer lugar, mas em eficiência ficou irremediavelmente obsoleto.
• PNG. Compressão sem perdas, suporta transparência. Insubstituível para logotipos, ícones e gráficos com linhas nítidas, mas fotografias nele pesam muito.
• WebP. Formato do Google, surgiu em 2010 e se firmou em massa em meados da década de 2010. Faz compressão com e sem perdas, além de transparência e animação. O meio-termo de ouro em compatibilidade.
• AVIF. Formato jovem, baseado no codec de vídeo AV1, surgiu em 2019. Comprime mais que todos com a mesma qualidade, suporta transparência, animação, cor ampliada e HDR. A principal desvantagem é a codificação lenta.
• JPEG XL (JXL). Formato promissor e novato, que faz quase tudo e é retrocompatível com o JPG, mas ainda é pouco suportado pelos navegadores. Falaremos dele em separado mais abaixo.

O WebP surgiu antes dos concorrentes modernos e já virou praticamente um padrão. Se você quer um formato único que simplesmente funcione em todo lugar e não dê dor de cabeça, é ele.

Os pontos fortes do WebP

• Suporte quase total dos navegadores. O WebP é entendido por mais de 97 por cento dos navegadores no mundo todo. O suporte apareceu no Chrome já entre 2010 e 2014, no Firefox a partir da versão 65 (2019), no Safari a partir da versão 14 no macOS Big Sur (2020), e no iPhone plenamente a partir do iOS 14. Isso significa que a grande maioria dos seus visitantes vai ver a imagem sem nenhum truque.
• Economia de peso perceptível. Comparado ao JPG de mesma qualidade, o WebP é cerca de 25 a 35 por cento mais leve. Para a maioria dos sites isso já é um salto enorme: uma página que pesava 4 MB passa a pesar em torno de 2,5 MB.
• Codificação rápida. Converter uma imagem para WebP é rápido, várias vezes mais rápido que para AVIF. Isso é crítico quando as imagens são convertidas na hora, por exemplo quando o usuário envia um avatar ou a foto de uma avaliação e espera o resultado agora mesmo.
• Suporte a transparência e animação. O WebP faz canal alfa (fundo transparente) e animação, então serve tanto como substituto do PNG com fundo transparente quanto como substituto das pesadas animações em GIF. Um WebP animado é várias vezes mais leve que o mesmo trecho em GIF.
• Modo sem perdas. O WebP tem um modo lossless, concorrente direto do PNG. Ele gera arquivos em média 20 a 26 por cento mais leves que o PNG mantendo os pixels perfeitamente exatos, o que é ótimo para capturas de tela e gráficos.
• Ecossistema maduro. O formato existe há tempo suficiente para que todos os sistemas de gerenciamento de sites, plugins e ferramentas populares saibam trabalhar com ele sem complicação. É bem improvável que você esbarre em algum serviço que não o entenda.

Onde o WebP perde

A principal crítica ao WebP é que existe um formato que comprime ainda mais forte. Em volumes muito grandes de imagens (milhares de produtos no catálogo), cada por cento de peso economizado vira economia real de tráfego e um carregamento mais rápido. Quando se trata de algumas dezenas de imagens, a diferença entre o WebP e uma compressão mais agressiva é quase imperceptível. Mas se você tem um catálogo grande ou uma galeria de fotos com centenas de imagens, esses percentuais somam dezenas e centenas de megabytes, e aí o WebP perde.

Outra sutileza: o WebP com perdas às vezes lida um pouco pior com gradientes muito suaves em fotos grandes do que o formato mais moderno. Na prática isso aparece raramente e só com compressão forte, mas vale saber se você trabalha com fotos artísticas. O WebP tem também um limite técnico de tamanho: no máximo 16383 por 16383 pixels, o que quase sempre basta, mas panoramas gigantes não cabem nele.

É útil entender de onde vem essa economia. O WebP usa algoritmos mais inteligentes de previsão dos pixels vizinhos do que o velho JPG, e empacota com mais eficiência os trechos repetidos da imagem. Grosso modo, o formato adivinha melhor como será o próximo pedaço da imagem e guarda só a diferença, e não tudo de uma vez. Para o usuário isso significa uma coisa só: a mesma nitidez visual com menos peso, sem nenhuma configuração do seu lado.

Onde o WebP mais ajuda na prática

Há alguns cenários típicos em que migrar para WebP dá o efeito mais rápido e perceptível, e quase sem risco de quebrar algo.

• Blog e artigos informativos. Aqui as imagens são principalmente ilustrativas, não são tantas, e a compatibilidade máxima importa mais que o último por cento de compressão. O WebP resolve a tarefa por completo.
• Miniaturas e prévias no catálogo. Imagens pequenas em lista, onde o principal é que apareçam na hora e igualmente para todos. O WebP codifica rápido e carrega rápido.
• Sites em plataformas prontas. Se você usa um sistema de gerenciamento de site padrão, converter as imagens para WebP na maioria das vezes é feito por uma solução pronta, que entrega WebP automaticamente para quem o suporta e o JPG comum para o resto. É o caminho mais simples de ganhar velocidade sem nenhum trabalho manual.
• Substituição de GIFs pesados. Banners animados e trechos curtos em loop em GIF pesam absurdamente. O mesmo trecho em WebP animado é várias vezes mais leve e aparenta o mesmo ou melhor.

Para muitos donos de site, só a migração para WebP já basta para fechar o assunto de otimização de imagens pelos próximos anos. Isso não quer dizer que o AVIF não sirva, apenas que o WebP dá oitenta por cento do resultado com vinte por cento do esforço, e é sensato começar por ele.

A conclusão sobre o WebP é simples: é o padrão seguro. Se você não quer entrar nos detalhes e na configuração de alternativas, converta tudo para WebP e já terá a maior parte do benefício dos formatos modernos. É praticamente impossível errar aqui, e para um enorme número de sites só o WebP já é mais do que suficiente para acelerar radicalmente o carregamento.

O AVIF é um formato mais novo, construído sobre tecnologias modernas de codificação de vídeo: ele usa a compressão intraquadro do codec AV1, o mesmo em que rodam os serviços de streaming atuais. Seu principal trunfo é a compressão agressiva, e nisso ele é líder.

No que o AVIF é melhor

• A compressão mais forte. Com a mesma qualidade visual, os arquivos AVIF são de 20 a 30 por cento mais leves que o WebP e cerca de 50 por cento mais leves que o JPG. Ou seja, o AVIF pode ser duas vezes mais leve que a imagem JPG de sempre, e o olho não percebe a diferença.
• Segura bem imagens complexas. Em fotos com gradientes suaves (céu, pele, fundo desfocado), o AVIF quase não deixa aqueles artefatos feios e quadradinhos que o JPG produz com compressão forte. No lugar dos blocos quadrados, ele gera um desfoque suave, que o olho tolera muito melhor.
• Transparência e animação. O AVIF suporta canal alfa (fundo transparente) e animação, como o WebP, então com ele dá para substituir tanto o PNG quanto o GIF.
• Cor ampla e HDR. Isso é algo que o WebP não tem de jeito nenhum. O AVIF faz profundidade de cor de 10 e 12 bits, espaços de cor ampliados e HDR. Para um catálogo de calçados isso não importa, mas para uma galeria de fotos, o portfólio de um fotógrafo ou um site de viagens, imagens vivas e saturadas em telas modernas ficam bem mais ricas.
• Bom desempenho em taxas de bits baixas. Com compressão muito forte, o AVIF se degrada de forma mais bonita que todos: mesmo quando o peso é espremido ao limite, a imagem continua aceitável, enquanto o JPG na mesma situação vira um mosaico.

As armadilhas do AVIF

• Codificação lenta. Essa é a principal desvantagem. Converter uma imagem para AVIF é de 5 a 10 vezes mais lento que para WebP, e nas configurações máximas de qualidade ainda mais. Por que isso importa justamente para conteúdo gerado por usuários (UGC): quando a pessoa está enviando agora mesmo a foto de uma avaliação ou um avatar e esperando, cada segundo extra de codificação estraga toda a experiência. Para imagens estáticas do site não é problema, você converte uma vez e esquece, mas para processamento em tempo real o atraso é perceptível.
• Suporte um pouco menor, mas já excelente. Até 2026 o AVIF é entendido por mais de 95 por cento dos navegadores. O Chrome suporta a partir da versão 85 (2020), o Firefox a partir da versão 93 (2021), o Safari a partir da versão 16 no iOS 16 e macOS Ventura (2022). É um número muito bom, mas ainda assim uns dois por cento abaixo do WebP. Isso significa que é preciso uma alternativa para quem não consegue abrir o formato.
• Softwares antigos não abrem. Muitos programas de desktop, clientes de e-mail, mensageiros e editores de foto ainda não abrem AVIF. Se o visitante baixar uma imagem dessas no computador, ela pode não abrir no visualizador de costume. Por isso o AVIF é ótimo para exibir no site, mas como arquivo para baixar ou encaminhar ele ainda é discutível.
• Exigência de recursos um pouco maior na exibição. Descompactar AVIF carrega o processador do dispositivo um pouco mais que o WebP. Em celulares e computadores modernos isso é imperceptível, mas em aparelhos muito antigos e fracos, em teoria, pode atrasar levemente a renderização. Diante do ganho de peso é uma ninharia, mas vale mencionar com honestidade.

Para ficar mais claro, imaginemos uma ficha de produto típica com uma foto de 1200 por 1200 pixels. No formato JPG de qualidade decente ela pesa cerca de 350 KB. O mesmo quadro em WebP, cerca de 230 KB. E em AVIF, cerca de 140 KB. Ou seja, o AVIF aqui é duas vezes e meia mais leve que o JPG e uma vez e meia mais leve que o WebP. Multiplique isso por centenas de produtos e a escala da economia fica evidente.

Como converter imagens para AVIF e WebP

Há vários caminhos, e a escolha depende de quantas imagens você tem e de quanto quer automatizar o processo.

1. Conversor online para tarefas pontuais. O caminho mais simples quando é preciso converter algumas imagens: você envia a imagem, recebe AVIF ou WebP, baixa e coloca no site. Ideal para a imagem da primeira dobra, banners e uma dezena de fotos-chave. Nossa ferramenta de conversão faz isso direto no navegador, sem instalar nada.
2. Processamento em lote de uma pasta. Se as imagens são centenas, faz sentido converter tudo de uma vez. Muitos conversores aceitam uma pasta inteira e devolvem um conjunto pronto de arquivos no novo formato com os mesmos nomes.
3. Automação no lado do site. Para catálogos grandes, é sensato configurar o site para criar sozinho AVIF e WebP a cada nova imagem enviada e entregar a variante certa conforme o tipo de navegador. Aí dá para esquecer de vez a conversão manual.

No que prestar atenção ao converter: defina a qualidade na faixa média-alta, não force a compressão ao máximo por causa de alguns kilobytes (isso dá borrão), e sempre guarde o original em JPG ou PNG como alternativa. O tamanho da imagem em pixels também importa: não faz sentido manter uma foto de 4000 pixels de largura se na página ela aparece em 800. Primeiro reduza para o tamanho necessário, depois converta, assim o ganho será máximo.

Em resumo: o AVIF foi feito para os casos em que o peso mínimo é o mais importante e você está disposto a gastar tempo em uma conversão pontual. É o formato ideal para imagens estáticas, que você carrega uma vez e exibe a milhares de visitantes. Gastou alguns segundos na conversão uma vez, e o ganho de velocidade você colhe a cada exibição da página, e assim milhões de vezes.

Para não se perder nas características, guarde uma regra prática. Ela cobre quase todas as situações reais.

Cola: formato por tipo de conteúdo

Se precisar decidir em poucos segundos, oriente-se pelo tipo de imagem.

• Fotos de produto no catálogo: AVIF com alternativa em WebP. São muitas imagens, carregam com frequência, a economia é máxima.
• Banners e capas grandes: AVIF. São os elementos mais pesados, e os que mais ganham com a compressão agressiva.
• Ícones, logotipos, gráficos simples: SVG, se possível, senão PNG ou WebP sem perdas.
• Ilustrações em artigos: WebP, e AVIF em grandes volumes. A compatibilidade aqui vale mais que a compressão extrema.
• Fotos enviadas por usuários (UGC): WebP, porque o processamento instantâneo é importante.
• Imagens em e-mails: só JPG ou PNG, o e-mail não entende os formatos novos.
• Prévias para redes sociais (og:image): JPG ou PNG, senão a prévia pode não se formar.
• Animação: WebP ou AVIF animado no lugar do GIF, economia de várias vezes.

Escolha AVIF quando

• As imagens são estáticas e mudam pouco: fotos de produto no catálogo, ilustrações em artigos, banners, imagens no cabeçalho e no rodapé.
• Há muitas imagens, e cada kilobyte economizado é multiplicado por milhares de exibições.
• Você prepara as imagens com antecedência (converteu uma vez ao subir para o site), e não na hora.
• Você precisa de fotos vivas e saturadas com cor ampla ou HDR, por exemplo em portfólio ou galeria de fotos.
• O objetivo principal é extrair o máximo de velocidade e o mínimo de tráfego.

Escolha WebP quando

• O conteúdo é criado por usuários: avatares, fotos em avaliações, imagens que são enviadas agora mesmo e precisam ser processadas na hora.
• Simplicidade e previsibilidade são importantes, sem trabalho com alternativas.
• Você precisa da compatibilidade mais ampla possível com o mínimo de esforço.
• Não há imagens em número suficiente para que a diferença de compressão se torne decisiva.

Escolha PNG quando

• É um logotipo, ícone, captura de tela ou gráfico com linhas nítidas e blocos de cor.
• Você precisa de transparência perfeitamente limpa, sem o menor artefato nas bordas.
• A imagem ainda vai ser editada, e é importante preservar os pixels exatamente.

Quando manter o JPG

O JPG está obsoleto em compressão, mas abre absolutamente em qualquer lugar, até nos programas e dispositivos mais antigos. Faz sentido manter o JPG só como último recurso para casos excepcionais ou quando a imagem precisa ser entregue a um sistema que não entende nada de novo (por exemplo, ao subir fotos de produto para alguns marketplaces que aceitam só os formatos clássicos). Para o próprio site, o JPG como formato principal em 2026 já não é a escolha.

E o JPEG XL?

O JPEG XL (JXL) é um formato novo no qual muitos depositam esperanças, e não à toa. Tecnicamente ele impressiona: comprime mais ou menos no nível do AVIF ou um pouco melhor em fotos, codifica mais rápido que o AVIF, faz transparência, animação, cor ampla e HDR, carregamento progressivo (a imagem aparece aos poucos, e não de cima para baixo) e, o que é especialmente valioso, consegue recomprimir sem perdas um JPG existente, encolhendo-o cerca de 20 por cento e preservando a possibilidade de voltar ao original. Parece o formato ideal.

O problema é um só, mas decisivo: o suporte dos navegadores. Em 2026, o JPEG XL é entendido nativamente pelo Safari (a partir da versão 17), mas o Chrome retirou o suporte, e o Firefox só o habilita atrás de uma flag. Isso significa que entregar JXL à massa dos visitantes ainda não dá, sem uma alternativa confiável, e na prática o custo não compensa. Conclusão: mantenha o JPEG XL no radar como um formato muito promissor, mas para um site em produção em 2026 a dupla AVIF mais WebP é mais segura. Assim que o Chrome devolver o suporte, o quadro pode mudar, e aí vale rever a estratégia.

Situações discutíveis

Às vezes a tarefa não se encaixa exatamente na regra. Aqui estão as bifurcações frequentes e como resolvê-las.

• Catálogo grande, mas as fotos são enviadas pelos próprios vendedores. Aqui é sensato um híbrido: no envio, aceite qualquer formato, gere na hora um WebP rápido para exibição imediata, e à noite, por um processo em segundo plano, converta o acumulado para AVIF. Assim o usuário não espera, e os visitantes no fim recebem a variante mais leve.
• Logotipos, ícones, gráficos simples com linhas nítidas. Para essas imagens com poucas cores, muitas vezes ainda serve bem o formato de gráfico vetorial (SVG) ou o PNG, e entre os raster, o WebP no modo sem perdas. O ganho do AVIF em gráficos simples é menor que em fotografias.
• Imagens para campanhas de e-mail. Os programas de e-mail suportam mal os formatos novos: nem AVIF nem WebP podem ser contados em e-mails. Deixe o clássico JPG ou PNG. É o caso em que a compatibilidade vale mais que o peso.
• Imagens para redes sociais e prévias de links. Os robôs das redes sociais, que montam a prévia ao compartilhar, muitas vezes entendem só JPG e PNG. Mantenha a imagem de og:image no formato clássico, senão a prévia pode não aparecer.

Mitos que fazem adiar a migração

Em torno dos formatos novos acumularam-se alguns equívocos que atrapalham as pessoas a dar um passo simples e vantajoso. Vamos aos mais frequentes.

• Mito: os formatos novos têm qualidade pior. Pelo contrário. Com o mesmo peso, AVIF e WebP ficam melhores que o JPG, e com a mesma qualidade pesam menos. A imagem só parece pior se você forçar a compressão ao limite, mas isso é problema de configuração, não do formato.
• Mito: é difícil implementar. No nível mínimo, é um conversor online e a troca do arquivo. O esquema completo com picture é um pouco mais complexo, mas se faz por um modelo que apresentamos acima e depois é só copiar.
• Mito: metade dos visitantes não vai ver as imagens. Isso só é verdade se você entregar o formato novo sem alternativa. Com a cadeia picture, a imagem é vista com garantia por cem por cento dos visitantes, só que uns recebem o AVIF leve e outros o JPG reserva.
• Mito: os buscadores não gostam dos formatos novos. Exatamente o contrário, as próprias ferramentas de teste de velocidade recomendam migrar para os formatos modernos, e um site rápido posiciona melhor.
• Mito: se existe AVIF, o WebP não é mais necessário. É sim, justamente como alternativa ao AVIF e como formato rápido para os envios dos usuários. Eles trabalham em dupla.

A solução mais elegante não é escolher um formato, e sim entregar a cada navegador o melhor dos disponíveis para ele. O navegador escolhe sozinho o primeiro formato que entende e ignora o resto. Isso se faz com a tag picture.

Como funciona a tag picture

Dentro do picture você lista as variantes do mais eficiente ao mais compatível. O navegador lê de cima para baixo e pega a primeira que serve.

• Primeiro vem o AVIF, a variante mais leve. Se o navegador o entende, é ele que será carregado.
• Em segundo vem o WebP, para o caso de o AVIF não ser suportado.
• No fim, a tag comum img com JPG ou PNG, o seguro para navegadores bem antigos.

O esquema fica assim:

```html <picture> <source srcset="foto.avif" type="image/avif"> <source srcset="foto.webp" type="image/webp"> <img src="foto.jpg" alt="Descrição" width="800" height="600" loading="lazy" decoding="async"> </picture> ```

Detalhe importante: os atributos alt, width, height, loading e demais vão justamente na tag img dentro do picture, e não no source. As tags source respondem só pela escolha do arquivo, todo o resto vem da img final.

O que acontece de verdade numa página de catálogo

Para o benefício não ficar abstrato, vamos calcular num exemplo real. Digamos que a página de catálogo exiba 30 fotos de produto de 1200 pixels mais o banner da primeira dobra.

• Antes, tudo em JPG: 30 fotos de 350 KB mais o banner de 500 KB, cerca de 11 MB só em imagens. Numa internet móvel, uma página dessas abre dolorosamente devagar, e uma parte grande dos visitantes vai embora antes.
• Depois, tudo em AVIF com alternativa WebP: 30 fotos de 140 KB mais o banner de 200 KB, cerca de 4,4 MB. O peso caiu mais que pela metade, e isso sem a menor perda de qualidade da imagem a olho nu.

Seis megabytes e pouco economizados numa página só, isso é não só carregamento rápido para o visitante, mas também menos tráfego no lado do servidor e uma nota melhor nas ferramentas de teste de velocidade. Se você tem milhares de exibições por dia, a economia de tráfego no mês se mede em dezenas e centenas de gigabytes.

Plano de implementação passo a passo

1. Prepare as versões das imagens. Para cada imagem, faça duas cópias: AVIF e WebP. Deixe o JPG ou PNG original como última alternativa.
2. Defina width e height na tag img. Isso reserva o espaço para a imagem e não deixa a página tremer no carregamento, o que de quebra melhora a nota de estabilidade do layout (a métrica CLS).
3. Adicione loading lazy nas imagens abaixo da primeira dobra. Elas serão carregadas só quando o visitante rolar até elas, e a primeira dobra abre ainda mais rápido.
4. Não coloque lazy na imagem principal da primeira dobra. Pelo contrário, vale adicionar a ela fetchpriority high, para o navegador carregá-la em primeiro lugar e ela aparecer o quanto antes.
5. Teste em navegadores diferentes. Confirme que a imagem aparece em todos e que os navegadores modernos realmente puxam o AVIF leve. Isso é fácil de verificar na aba Network das ferramentas de desenvolvedor: veja qual arquivo foi carregado.

Impacto no PageSpeed, Core Web Vitals e SEO

Migrar as imagens para os formatos modernos atinge diretamente as métricas de velocidade mais pesadas, que a busca leva em conta.

• LCP (renderização do maior elemento). Na maioria das vezes o maior elemento na tela é justamente a imagem da primeira dobra. Se ela não pesa 350 KB em JPG, e sim 140 KB em AVIF, carrega bem mais rápido, e o LCP melhora. Essa é a mais importante das métricas de Core Web Vitals, e as imagens a influenciam mais que tudo.
• CLS (deslocamentos de layout). A troca de formato em si não influencia o CLS, mas ao implementar picture você necessariamente define width e height, e isso elimina os saltos da página no carregamento. Benefício duplo de uma ação só.
• Peso total da página e nota do PageSpeed. As ferramentas de teste de velocidade reclamam abertamente das imagens pesadas e sugerem migrar para os formatos modernos. Ao fazer isso, você fecha um dos itens mais frequentes das recomendações delas, e a nota geral sobe.
• Fatores comportamentais e SEO. Uma página rápida perde menos visitantes, tem taxa de rejeição menor e profundidade de navegação maior. A busca percebe isso e sobe esse site. Ou seja, o ganho das imagens leves não é só técnico, ele se converte em posições e em vendas.

Erros frequentes na implementação

• Esqueceram a alternativa. Se você entregar só AVIF sem variantes reserva, para um pequeno percentual de visitantes as imagens simplesmente não carregam. Sempre deixe pelo menos WebP ou JPG no fim da cadeia.
• Colocaram o atributo type na fonte errada. O navegador se orienta justamente pelo valor de type na tag source. Se trocar os tipos, ele pode escolher o formato errado ou pular o adequado. Confira que image/avif está no arquivo AVIF e image/webp no WebP.
• Fizeram a versão AVIF comprimida demais. Não é preciso caçar o peso mínimo até perder qualidade. O AVIF tem uma configuração de qualidade, e valores agressivos demais dão borrão e perda de detalhes. Busque o equilíbrio: em geral, uma qualidade na faixa média-alta gera uma imagem excelente ainda com pouco peso.
• Não atualizaram os tamanhos no layout. Se uma versão da imagem tem certas proporções e a outra tem proporções diferentes, a página vai saltar. Todas as versões de uma mesma imagem devem ter largura e altura iguais.
• Colocaram o AVIF para download. Lembre que o software antigo não o abre. Se você tem um botão de baixar imagem, entregue por ele o JPG ou PNG de sempre, e use o AVIF só para exibir na página.

Se não quiser se dar ao trabalho da conversão dupla de cada imagem, comece pelo pequeno: migre as imagens mais pesadas (fotos de produto, banners grandes, a imagem da primeira dobra) para AVIF com reserva WebP, e deixe o resto em WebP. Mesmo uma implementação parcial dá um ganho perceptível de velocidade, e você já vai ver a diferença nas notas de desempenho. E quando se acostumar com o processo, estenda-o aos poucos para o site todo.

Perguntas frequentes

O AVIF é sempre mais leve que o WebP?

Quase sempre em fotografias, em geral de 20 a 30 por cento. Mas em gráficos muito simples com poucas cores ou em ícones minúsculos, a diferença pode quase desaparecer, e às vezes o WebP sem perdas até ganha. A regra é esta: para fotos escolha AVIF, para gráficos simples teste as duas variantes e fique com a que ficou mais leve.

Vou perder qualidade ao migrar para AVIF ou WebP?

Não, se você não forçar a compressão ao limite. Em configurações normais de qualidade, os formatos modernos geram uma imagem visualmente indistinguível do original, mas várias vezes mais leve. A qualidade só se perde se você forçar a compressão ao máximo em busca do peso mínimo, o que não vale a pena fazer.

Preciso apagar os JPG antigos depois da conversão?

Não, pelo contrário, deixe-os como última alternativa na cadeia picture. Eles quase não pesam no disco e te seguram no caso de um navegador muito antigo ou de um sistema externo que só entenda os clássicos.

O AVIF suporta fundo transparente?

Sim, o AVIF tem canal alfa completo, como o PNG e o WebP. Então com ele dá para substituir os pesados PNG com transparência e obter um arquivo várias vezes mais leve com a mesma transparência limpa.

O que escolher para fotos enviadas pelos usuários?

WebP. O AVIF codifica de 5 a 10 vezes mais devagar, e o usuário vai esperar. O WebP rápido mostra o resultado na hora, e se você quiser mesmo a compressão máxima, converta as fotos acumuladas para AVIF depois, por um processo em segundo plano durante a noite.

Já vale migrar para o JPEG XL agora?

Por enquanto não. O formato é ótimo tecnicamente, mas o Chrome não o suporta, e essa é uma fatia grande demais de visitantes. Para um site em produção em 2026, a dupla AVIF mais WebP é mais segura. Vale voltar ao JPEG XL quando o suporte nos navegadores crescer.

O formato das imagens influencia as posições na busca?

De forma indireta, mas perceptível. O formato em si não é fator de posicionamento, mas melhora a velocidade de carregamento e os Core Web Vitals, e esses já são levados em conta. Além disso, um site rápido retém melhor os visitantes, e os sinais comportamentais também trabalham a seu favor.

A conversão para AVIF é gratuita?

Sim, a conversão de fotos para AVIF é totalmente gratuita, não precisa de cadastro nem de instalar programas, basta enviar o arquivo e baixar o AVIF pronto.

Que formatos a ferramenta aceita?

A ferramenta aceita JPG, PNG e WebP e salva o resultado em AVIF, então dá para comprimir até imagens WebP já otimizadas em mais uns 30 por cento.

As fotos enviadas ficam guardadas?

A foto enviada é processada apenas para gerar o AVIF e depois é apagada automaticamente, não publicamos nem repassamos suas imagens a terceiros.

A qualidade se mantém no AVIF?

O AVIF entrega o mesmo nível visual do WebP, mas com menos peso, então a imagem continua nítida e o arquivo fica mais leve para o carregamento rápido do site.

Funciona no celular?

Todos os navegadores modernos de iPhone e Android suportam AVIF, e o conversor também funciona direto no navegador do celular, sem aplicativos.

Vamos reunir tudo numa lembrança rápida, para dar para decidir em um minuto.

• Precisa de um formato só e sem complicação? Escolha WebP. Suporte de mais de 97 por cento, codifica rápido, impossível errar.
• Quer extrair o máximo de velocidade? Escolha AVIF para imagens estáticas: arquivos de 20 a 30 por cento mais leves que o WebP e cerca de duas vezes mais leves que o JPG.
• As fotos são enviadas por usuários em tempo real? WebP, porque o AVIF codifica de 5 a 10 vezes mais devagar.
• Logotipo, ícone, captura de tela? PNG ou SVG, ou WebP sem perdas.
• E-mail, redes sociais, prévia de link? JPG ou PNG clássico, os formatos novos não são suportados ali.
• Quer o ideal? A tag picture com a cadeia AVIF, depois WebP, depois JPG no fim como seguro.
• JPEG XL? Promissor, mas cedo: o Chrome ainda não suporta.

Mais um hábito útil: depois de implementar o novo formato, meça o resultado. Abra a ferramenta de teste de velocidade da página antes das mudanças e depois, compare o peso da página e a nota de desempenho, e de quebra olhe a métrica LCP. Assim você vê o número concreto do ganho e entende se vale seguir e migrar o resto das imagens. Otimização sem medição vira adivinhação, e com medição vira um processo claro e gerenciável.

A ideia principal: AVIF e WebP não são concorrentes numa luta de morte, e sim parceiros. O AVIF dá a melhor compressão, o WebP dá a melhor compatibilidade e velocidade de codificação, e os clássicos JPG e PNG ficam como seguro e ponte para os sistemas antigos. A dupla deles cobre todos os casos.

O mais difícil nessa história não é entender qual formato é melhor, e sim de fato converter as imagens. Para facilitar esse passo, temos uma ferramenta online gratuita de conversão de fotos para AVIF. Você envia a imagem e recebe a versão leve no formato moderno, pronta para publicar no site.

Um ponto importante sobre privacidade: todo o processamento acontece direto no seu navegador, no seu dispositivo. As fotos e documentos não são enviados a lugar nenhum nem vão para a nuvem, não saem do seu computador. Isso é especialmente valioso se você trabalha com fotos de produto, imagens pessoais ou algo confidencial.

Experimente converter algumas das imagens mais pesadas do seu site para AVIF e compare o peso antes e depois. É bem provável que os números te surpreendam de forma agradável, e os visitantes vão agradecer pelo carregamento rápido. Comece pela imagem mais pesada da página inicial, transforme-a num AVIF leve com alguns cliques e meça a velocidade antes e depois, daí o processo segue sozinho.