O AVIF é o formato de imagem de próxima geração que promete arquivos 50% menores que o JPEG com melhor qualidade. Mas se você seleciona AVIF como formato de saída e o arquivo fica maior em vez de menor — é porque seu navegador não suporta realmente a codificação AVIF.

O que é AVIF?

O AVIF (AV1 Image File Format) é um formato de imagem moderno baseado no codec de vídeo AV1. Foi desenvolvido pela Alliance for Open Media (AOMedia) e oferece capacidades de compressão verdadeiramente impressionantes:

  • 50% menor que o JPEG em qualidade visual equivalente
  • 20% menor que o WebP em qualidade equivalente
  • Suporta conteúdo HDR (High Dynamic Range)
  • Suporta transparência (canal alfa)
  • Suporta animação (substituindo o GIF)
  • Isento de royalties e de código aberto

Por todos os critérios, o AVIF é o futuro das imagens web. No entanto, há uma distinção importante entre decodificar (visualizar) e codificar (criar) imagens AVIF.

Decodificar vs codificar: a diferença chave

A maioria dos navegadores modernos consegue exibir imagens AVIF sem problemas. Chrome, Firefox, Safari e Edge suportam a decodificação AVIF — o que significa que podem mostrar imagens AVIF em páginas web sem nenhum problema.

Mas a codificação — realmente criar um arquivo AVIF do zero — é uma história completamente diferente. Isso requer que o navegador implemente a codificação AVIF em sua Canvas API, o que é computacionalmente caro e muito mais difícil de implementar do que a decodificação.

Suporte à codificação AVIF no navegador (em março de 2026)

NavegadorDecodificação AVIFCodificação AVIF (canvas.toBlob)
Chrome 121+✅ Sim✅ Sim
Firefox✅ Sim❌ Não
Safari✅ Sim❌ Não
Edge✅ Sim✅ Sim (baseado em Chromium)
Chrome móvel✅ Sim✅ Sim
Safari móvel✅ Sim❌ Não

O que realmente acontece quando seu navegador não suporta a codificação AVIF

É aqui que as coisas ficam interessantes — e confusas. Quando você seleciona AVIF como formato de saída, mas seu navegador não consegue codificar AVIF, eis o que acontece:

O retorno silencioso

O método canvas.toBlob(callback, 'image/avif', quality) da Canvas API não lança um erro quando a codificação AVIF não é suportada. Em vez disso, faz algo sorrateiro:

  1. Retorna silenciosamente para o formato PNG
  2. O tipo MIME do blob resultante se torna image/png em vez de image/avif
  3. O arquivo é salvo com a extensão .avif, mas o conteúdo real é PNG

Isso significa que seu arquivo "AVIF" é na verdade um PNG disfarçado — e o PNG é um formato sem perdas que tipicamente produz arquivos 3-5 vezes maiores que o JPEG original. É por isso que sua imagem parece ter crescido 5 vezes!

O impacto no mundo real

Imagine este cenário: você envia uma foto JPEG de 500KB e seleciona AVIF como formato de saída, esperando um arquivo de cerca de 250KB. Mas em vez disso:

  • Seu navegador gera PNG silenciosamente → o arquivo se torna 2.5MB
  • A extensão do arquivo diz .avif, mas o conteúdo é PNG
  • Outras ferramentas podem falhar em abri-lo porque a extensão não corresponde ao conteúdo
  • Você pode achar que o AVIF é um formato terrível, quando na verdade seu navegador apenas não o suporta

Como detectamos o suporte AVIF

O Img Zip detecta proativamente se seu navegador suporta a codificação AVIF. Criamos um pequeno canvas de 1×1 pixel e tentamos codificá-lo como AVIF:

canvas.toBlob(blob => {
  if (blob !== null && blob.type === 'image/avif') {
    // A codificação AVIF é suportada!
  } else {
    // Não suportado — mostrará aviso
  }
}, 'image/avif');

Se o navegador retornar um blob com um tipo diferente (como image/png) ou null, sabemos que a codificação AVIF não está disponível e mostramos claramente um aviso de "Navegador não suportado" no seletor de formato.

E o formato ICO?

Os arquivos ICO (ícone) têm um problema semelhante. A Canvas API não suporta a codificação ICO de forma alguma — nenhum navegador a implementa. Quando você seleciona ICO como saída, o navegador retorna para o PNG, resultando em um arquivo com extensão .ico mas conteúdo PNG.

Para fins de favicon, os navegadores modernos na verdade aceitam arquivos PNG com extensão .ico, então essa solução muitas vezes funciona. Mas não é um verdadeiro arquivo ICO.

O que você pode fazer se seu navegador não suporta AVIF?

Opção 1: Use WebP em vez disso

O WebP é suportado por todos os navegadores modernos tanto para decodificar quanto para codificar. Oferece compressão 25-35% melhor que o JPEG — não tão boa quanto os 50% do AVIF, mas ainda excelente e universalmente suportada.

Opção 2: Mude para um navegador baseado em Chromium

Se a codificação AVIF é importante para você, o Chrome 121+ e o Edge (baseado em Chromium) atualmente oferecem o melhor suporte. Ambos podem codificar AVIF através da Canvas API.

Opção 3: Use software de desktop

Para codificação profissional de AVIF, ferramentas de desktop dedicadas como squoosh (a própria ferramenta do Google), libavif ou Photoshop com plugins AVIF fornecem codificação confiável independentemente do suporte do navegador.

O futuro do suporte AVIF nos navegadores

A boa notícia é que o suporte à codificação AVIF está se expandindo. À medida que o codec AV1 se torna mais prevalente (impulsionado pela adoção de streaming de vídeo), os fabricantes de navegadores estão investindo mais em suporte à codificação. Esperamos que o Firefox e o Safari adicionem a codificação AVIF Canvas em atualizações futuras.

Quando todos os principais navegadores suportarem a codificação AVIF, ferramentas baseadas em navegador como o Img Zip poderão entregar compressão AVIF a todos — fornecendo a melhor otimização de imagem absoluta sem qualquer instalação de software.

Conclusão

O AVIF é um formato incrível, mas o suporte à codificação no navegador ainda está se recuperando. Se você vir um aviso de "Navegador não suportado" ao selecionar AVIF, não se preocupe — não é um bug, é uma limitação do seu navegador atual. Use WebP como uma alternativa confiável, ou mude para um navegador baseado em Chromium para suporte completo à codificação AVIF.

O Img Zip sempre será transparente sobre o que seu navegador pode e não pode fazer, para que você nunca obtenha resultados inesperados.

Experimente comprimir suas imagens agora — detectaremos automaticamente o que seu navegador suporta.