O formato AVIF é o formato de imagem de última geração baseado no formato de codificação de vídeo AV1. O AV1 foi criado e é desenvolvido pela Aliança para Mídia Aberta , um consórcio formado pela Mozilla, Google, Cisco, Netflix, Amazon e outras empresas. A ideia principal por trás do AVIF é aproveitar os algoritmos de compressão originalmente desenvolvidos para vídeo em formato de imagem. Netflix acredita que o AVIF tem potencial para imagens em seus aplicativos devido à qualidade superior que esse formato oferece, mantendo o tamanho da imagem baixo.

Todos os principais fabricantes de navegadores estão intimamente envolvidos, direta ou indiretamente, no desenvolvimento e divulgação do AVIF. Então, por que você deveria se importar com isso?

Benefícios do AVIF: Imagens mais claras sem sacrificar a qualidade

É um momento emocionante para a compactação de imagens. O WebP vem ganhando força como substituto do JPEG, mas agora chegou o AVIF, superando o WebP em quase todos os casos. De fato, o formato de imagem AVIF proporciona maior redução no tamanho do arquivo quando comparado aos formatos JPEG, PNG e WebP. A vantagem é que os algoritmos de compressão foram originalmente desenvolvidos para vídeo em formato de imagem. Com o AVIF, os usuários viram os tamanhos dos arquivos caírem quase 60% em comparação com JPEG e 35% em comparação com WebP, sem perda de qualidade.

Além disso, o formato de arquivo AVIF suporta formatos de imagem com e sem perdas, bem como transparência. O formato de imagem AVIF é um formato de imagem compatível com qualquer codec de imagem.

O AVIF está disponível hoje em versões de navegador da web usadas por um grande número de usuários da web:

• Google Chrome 85 e além
• Mozilla Firefox 86 e além
• Android
• Safari no iOS 16.0 e posterior

(Para obter uma lista de navegadores compatíveis com AVIF, consulte a seção AVIF em caniuse.com .)

• Fonte: https://caniuse.com/avif*

AVIF em ação

O formato AVIF é mais adequado para imagens que contêm detalhes específicos que precisam ser preservados, por exemplo, gradientes, texto e gráficos em pôsteres de filmes. Seu desempenho e qualidade são ótimos quando você usa compressão.

Se você estiver lendo em um navegador compatível com AVIF, como versões recentes do Chrome, Firefox ou Android, deverá ver três imagens abaixo:

Uma imagem AVIF de 9 KB de tamanho

Uma imagem WebP com tamanho de 12 KB
Uma imagem JPEG de 16 KB de tamanho

As imagens são comparáveis em qualidade, mas a imagem AVIF atinge reduções significativas no tamanho do arquivo. Ao usar AVIF para compactação de imagem, você pode reduzir ainda mais o tamanho do arquivo de imagem e obter benefícios adicionais:

• Tempos de carregamento de página mais rápidos
• Melhores classificações de SEO (os mecanismos de pesquisa, como o Google, recompensam a velocidade de carregamento da página, especialmente no celular)
• Menor taxa de rejeição
• Satisfação do cliente melhorada
• Menores custos de largura de banda

OneFootball , uma empresa de mídia de futebol com sede na Alemanha, viu o tempo de carregamento da página acelerar em 26% e o tempo interativo pela primeira vez em 24% após habilitar a conversão automática de AVIF.

imgix & AVIF

Desde que disponibilizamos o AVIF no imgix, nossos usuários viram os tamanhos dos arquivos caírem quase 60% em comparação com JPEG e 35% em comparação com WebP, sem perda de qualidade. O Unsplash , um dos nossos primeiros clientes a implementar a conversão automática do formato AVIF, teve uma redução de 30% no tamanho do arquivo.

Assim como o Unsplash, você pode automatizar a conversão do formato de imagem usando o imgix. Através do uso do 'auto=formato' parâmetro, o imgix servirá automaticamente as imagens em AVIF para todos os navegadores que o suportam. Para navegadores que ainda não o suportam, a API de renderização imgix retornará ao próximo melhor formato disponível. Se auto=formato estiver definido e o navegador não for compatível com o formato AVIF, primeiro usaremos o WebP se for compatível. Se o WebP não for suportado, o imgix retornará ao tipo de imagem de origem ou a qualquer formato especificado pelo parâmetro fm. A qualidade da imagem e o desempenho do site são ótimos quando você usa compactação no formato AVIF.

Prepare suas imagens para o futuro

Pode ser um processo complicado criar, gerenciar e servir diferentes formatos de imagens para diferentes propósitos. A cópia de imagens em diferentes formatos também pode gerar um enorme custo de armazenamento ao longo do tempo. Em vez de decidir qual formato de imagem servir para qual ambiente ou depurar constantemente a complexa interação entre dados e imagens - o imgix faz tudo para você.

Trabalhar com um parceiro de otimização de imagens como a imgix, que atende ao formato AVIF, significa que você está preparando suas imagens para o futuro e se preparando para o sucesso à medida que a tecnologia continua avançando. À medida que novos padrões entram no mercado, avaliamos e inovamos constantemente para que você fique à frente.

Experimente este recurso gratuitamente inscrevendo-se em uma conta imgix .