O que é o formato de imagem AVIF? Vantagens e usos práticos

Introdução

Você sobe uma imagem num site moderno e percebe que o arquivo termina em .avif em vez de .jpg ou .png. Seu navegador mostra direitinho, mas quando você tenta baixar e abrir no editor de fotos dá erro. AVIF é o formato de imagem convencional mais recente e aparece cada vez mais em toda a web. Neste artigo a gente destrincha o que é AVIF de verdade, por que plataformas grandes como Netflix e Google investem nele, onde faz sentido usar e como passar arquivos AVIF para PNG ou JPG quando você precisa editar ou compartilhar.

Por que isso acontece

AVIF é a sigla de AV1 Image File Format. É construído em cima do codec de vídeo AV1, desenvolvido pela Alliance for Open Media como alternativa livre de royalties a codecs mais antigos. O grande trunfo do AVIF é a eficiência de compressão. Um arquivo AVIF pode ser metade do tamanho de um WebP e até dez vezes menor que um JPEG com qualidade visual parecida, graças a recursos avançados como profundidade de cor de 10 bits, suporte a HDR e síntese de grão de filme. Netflix, Google Imagens e WordPress servem AVIF para navegadores compatíveis porque corta a fatura de banda de forma dramática. O problema é a compatibilidade. AVIF funciona no Chrome, Firefox, Edge e Opera, mas o Safari só adicionou suporte completo há pouco tempo, e muitos editores de imagem, redes sociais e apps antigos ainda não reconhecem o formato.

3 soluções

Solução 1: Servir AVIF no seu site com fallback JPG. Use o elemento picture do HTML para oferecer AVIF para navegadores modernos e JPG para os antigos. O melhor dos dois mundos para performance web, já que visitantes com Chrome ou Firefox recebem o AVIF minúsculo enquanto os de Safari e navegadores velhos continuam vendo uma imagem funcional. É a abordagem que Netflix e WordPress usam em produção e permite cortar banda sem sacrificar compatibilidade.

Solução 2: Converter AVIF para PNG para editar. Quando precisar abrir um AVIF no Photoshop ou GIMP, passe primeiro por um conversor de piczen de avif para png. O PNG conserva a qualidade completa e qualquer transparência que o AVIF tivesse, então você consegue editar cada pixel sem perda. É o movimento certo quando baixa um AVIF de um site e precisa compor num design ou retocar num editor de desktop que não suporta AVIF nativamente.

Solução 3: Converter AVIF para JPG para compartilhar. Para redes sociais ou e-mail, converta o AVIF em JPG para os destinatários conseguirem abrir sem software especial. A maioria das redes e mensagerias ainda não lida com AVIF, e enviar um costuma acabar em preview branco ou erro de download. Uma conversão rápida para JPG antes de compartilhar evita o receptor ter que descobrir por que a imagem não abre.

Guia passo a passo

Se você baixou um AVIF e precisa abrir, o caminho mais rápido é um conversor de navegador. Abra a ferramenta de avif para png em qualquer navegador moderno. Arraste seu arquivo AVIF para a página ou clique para explorar. A ferramenta decodifica o AVIF com um decodificador no servidor e reCodifica como PNG, o que conserva cada pixel do original incluindo qualquer transparência. Clique em Baixar e você terá um PNG que abre em qualquer editor do planeta, de Photoshop a GIMP ao app de Fotos do celular. Se você é dev web e quer servir AVIF no seu próprio site, o ideal é usar um CDN como Cloudflare ou imgix que converte automaticamente seus uploads JPG para AVIF em tempo real. Acompanhe o AVIF de um fallback JPG num elemento picture para que navegadores antigos recebam uma imagem funcional em vez de tela preta. Teste sua configuração em vários navegadores, incluindo Safari e versões antigas do Chrome, já que o render de AVIF pode variar um pouco entre motores.

Vantagens e desvantagens

AVIF ganha em tamanho e qualidade. Para uma foto de produto típica, um AVIF de 50 KB costuma parecer melhor que um JPG de 150 KB, uma vitória enorme para tempo de carregamento e consumo de dados móveis, principalmente para usuários com conexões lentas em mercados emergentes. Também suporta recursos modernos como cor de 10 bits, HDR, gama ampla de cor e síntese de grão que o JPG simplesmente não consegue igualar, o que faz dele o formato escolhido por plataformas de streaming como a Netflix. A contrapartida é a lacuna de compatibilidade. Navegadores antigos, a maioria dos editores de imagem e uma quantidade surpreendente de redes sociais ainda não lidam com AVIF nativamente, então você precisa de fallbacks para uma experiência fluida. O Safari só adicionou suporte completo há pouco e muitas galerias de celular ainda não mostram o formato. Para entrega web com fallbacks adequados, AVIF é vitória clara. Para arquivos que você precisa editar, compartilhar ou imprimir, converta primeiro para PNG ou JPG.