AVIF - formato de imagem moderno para websites.

O formato de imagem AVIF para sites melhora o SEO, PageSpeed e experiência do usuário.

Matthias Petri
publicado:

Menos de 0,1% de todos os sites usam o formato AVIF e aproveitam a melhor oportunidade para formatos de imagem de obter uma melhoria mensurável na velocidade do site, na experiência do usuário e na visibilidade online no Google. Todos os outros proprietários de sites ainda não estão aproveitando todo o potencial que o AVIF como formato de imagem oferece. Este artigo tem a intenção de ajudar e encorajar você a se envolver seriamente com o formato AVIF e, idealmente, usá-lo para as imagens em seu site.

Você já testou a URL do seu site no Google PageSpeed Insights para verificar seu desempenho? Se não, faça-o agora com o seu próprio site.

Posso adivinhar que atualmente você ainda não está vendo esse valor em seu site, certo?

Resultado do PageSpeed Insights para TutKit - Desktop

Quanto menor for o seu valor, mais otimizações precisam ser feitas em seu site para melhorar o PageSpeed. Se você olhar mais para baixo na página de teste, poderá encontrar as recomendações do Google para a melhoria do seu PageSpeed, que podem incluir a adoção de formatos de imagem mais modernos - especialmente se você ainda estiver usando formatos de arquivo JPG ou PNG para suas imagens.

PageSpeed Insights recomenda o uso de AVIF.

Este é um dos motivos pelos quais você ainda não está alcançando pontuações máximas nos PageSpeed Insights com seu site e provavelmente também não está atendendo aos Core Web Vitals.

As imagens em nosso site de agência 4eck-media.de, bem como aqui no TutKit.com, são carregadas no formato de arquivo AVIF - ultra rápido, ultra pequeno e com qualidade convincente. O AVIF nos ajuda a alcançar um PageSpeed o mais alto possível.

O formato de arquivo relativamente novo para imagens da web é praticamente desconhecido, por isso é hora de apresentar o formato de imagem moderno AVIF para sites com todas as suas vantagens para SEO, PageSpeed e experiência do usuário.

Aqui está o índice do artigo AVIF:

    O que é o formato de imagem AVIF?

    O AVIF é um novo formato de imagem lançado em 2020 pela Alliance for Open Media (AOMedia). O formato é baseado no algoritmo de compressão sem perdas AV1 e oferece uma série de vantagens sobre outros formatos de imagem comuns, como JPEG e PNG, bem como o formato WebP.

    As imagens AVIF são significativamente menores do que as imagens JPEG com a mesma qualidade de imagem. Isso ocorre porque o AV1 oferece uma compressão muito mais eficiente. Assim, uma imagem AVIF com a mesma qualidade de uma imagem JPEG pode ser até 50% menor.

    As imagens AVIF também oferecem uma profundidade de cor maior do que as imagens JPEG. Portanto, as imagens AVIF podem armazenar até 12 bits de profundidade de cor, enquanto as imagens JPEG suportam apenas 8 bits de profundidade de cor. Isso resulta em um alcance de cores maior e cores mais realistas nas imagens AVIF.

    Além disso, as imagens AVIF são capazes de armazenar canais alfa. Os canais alfa são usados para definir a transparência das imagens. Isso torna as imagens AVIF ideais para uso em aplicativos gráficos nos quais a transparência é necessária.

    O AVIF é um formato de código aberto e é suportado por uma variedade de fornecedores de software e hardware. A maioria dos programas de edição de imagem e navegadores comuns já suportam imagens AVIF. Justamente por isso, é hora de este formato de imagem moderno se consolidar!

    A seguir, alguns dos benefícios do AVIF em relação a outros formatos de imagem comuns:

    • Melhores taxas de compressão: As imagens AVIF são significativamente menores do que as imagens JPEG e PNG com a mesma qualidade de imagem.
    • Profundidade de cor maior: As imagens AVIF suportam até 12 bits de profundidade de cor, enquanto as imagens JPEG e PNG suportam apenas 8 bits de profundidade de cor.
    • Suporte para canais alfa: As imagens AVIF podem armazenar transparência, substituindo a necessidade de imagens PNG ou WebP em sites.
    • Formato de código aberto: O AVIF é um formato de código aberto e é suportado por uma variedade de fornecedores de software e hardware.
    • O AVIF é um formato de imagem convincente para sites, que oferece muitas vantagens sobre outros formatos comuns (incluindo WEBP).

    É previsível que o AVIF desempenhe um papel cada vez mais importante no armazenamento e exibição de imagens em sites no futuro - principalmente porque o Google recomendou diretamente o uso dele nos resultados do PageSpeed Insights e agora todos os principais navegadores oferecem suporte ao AVIF nas versões mais recentes.

    Portanto, vale a pena adotar cedo em seu site, para começar a aproveitar agora mesmo as vantagens para SEO, PageSpeed e experiência do usuário.

    Por que o AVIF traz benefícios para SEO, PageSpeed e experiência do usuário?

    O maior benefício torna-se mais visível quando comparamos as imagens. Como exemplo, gerei uma imagem de Midjourney de um cardume de peixes-palhaço em 1024x1024 no formato PNG.

    • Original-PNG: 1,43 MB
    • Otimizado pelo TinyPNG: 393 KB - Economia de 73%
    A melhoria da imagem PNG através do TinyJPG.

    Então converti o arquivo PNG original através do squoosh.app com o seguinte resultado:

    • Otimizado pelo Squoosh como WebP: 84 kb - Economia de 94%
    • Otimizado pelo Squoosh como AVIF: 42 kb - Economia de 97%
    Comparação de compressão WebP e AVIF via Squoosh

    O resultado é que a imagem AVIF, com a mesma qualidade visual, é apenas metade do tamanho da imagem WebP. Em muitos outros testes, foi observado que artefatos de compressão, como os encontrados em arquivos JPG altamente comprimidos, só começam a ser levemente visíveis quando a qualidade é reduzida para abaixo de 30 em direção a 20 ou menos. Com qualidade 30, até os elementos de texto em imagens de pixels ainda permanecem nítidos sem artefatos de compressão.

    Economias como essas em sites com muitas imagens não podem ser suficientemente valorizadas.

    AVIF para melhores valores de SEO, PageSpeed e Experiência do Usuário

    O Google já em 2021 elevou os valores essenciais vitais (Core Web Vitals) de um site como fator de classificação. Isso inclui, por exemplo, a velocidade de carregamento, ou seja, o tempo que leva para o conteúdo principal ser exibido para o seu usuário. O Google define tempos até 2,5 segundos como um bom valor a ser almejado pelos operadores de sites para seus usuários.

    Dados de imagem maiores causam tempos de carregamento mais longos. Os Core Web Vitals são considerados não atendidos nessas circunstâncias.

    Além disso, há um segundo problema. Quando dados de imagem maiores, baseados, por exemplo em PNG ou JPEG, estão incorporados no site, pode acontecer que o conteúdo de texto já esteja carregado enquanto uma imagem está sendo exibida mais lentamente. Isso pode levar a chamadas mudanças de layout cumulativas, ou seja, pequenos deslocamentos que ocorrem ao exibir uma imagem e empurram as áreas inferiores do site para baixo, onde elas realmente pertencem. O Google não gosta dessas mudanças cumulativas de layout, e as classifica como erros CLS, que levam a uma falha nos Core Web Vitals.

    Além disso, é muito impactante para qualquer visitante do site quando as páginas carregam rapidamente e o conteúdo aparece instantaneamente ao clicar. Além disso, você pode colocar imagens de melhor qualidade no site sem precisar comprimi-las tanto a ponto de exibir artefatos de compressão. O tamanho do arquivo permanece pequeno mesmo em comparação com PNG ou JPEG, com a conversão sem perdas ou compressão normal. O formato AVIF melhora assim a experiência do usuário de várias maneiras para cada usuário. Com o cumprimento dos Core Web Vitals, o Google nos obriga a fazer algo pelos nossos visitantes, para que não fiquem frustrados ao visitarem nosso site.

    Portanto, você pode fazer algo para melhorar a experiência do usuário, o PageSpeed e a qualidade técnica do seu site, o que terá um impacto positivo na sua visibilidade online.

    Suporte de Navegadores para Imagens AVIF

    Especialmente quando se trata de novas tecnologias, todo operador de site fica um pouco hesitante e prefere esperar mais alguns meses. Por um lado, não se quer ser um beta tester de grandes lançamentos de sistemas de loja virtual ou CMS, por outro lado, nunca se pode ter certeza de que não haverá problemas com alguns navegadores ou dispositivos.

    No formato de imagem AVIF, o fator decisivo é se os navegadores comuns já suportam o formato. O site caniuse.com fornece informações sobre isso: https://caniuse.com/avif

    Suporte AVIF dos navegadores.
    Captura de tela: https://caniuse.com/avif

    Cerca de 85% de todos os navegadores mundiais já suportam o AVIF. Na Alemanha, são 80,33% até 2 de setembro ... bem, na Alemanha, onde ainda existem lacunas na rede móvel no dia a dia e algumas regiões ainda sofrem com a internet lenta (minha região incluída: enquanto no escritório eu tenho Gigabit, em casa tenho apenas 9 Mbit/s).

    Você pode ver que o AVIF é suportado nos principais navegadores há algum tempo.

    Quantos sites já utilizam o formato AVIF?

    Assim como o caniuse.com, o w3tech.com fornece informações estatísticas sobre o uso de certas tecnologias. Assim como para formatos de imagem utilizados em sites.

    Utilização de AVIF em websites.
    Capturas de tela de https://w3techs.com/

    Percentagem de todos os sites utilizando (em setembro de 2023): 

    • PNG: 82,1%
    • JPEG: 78%
    • SVG: 55,2%
    • GIF: 21,7%
    • WebP: 9,2%
    • ICO e BMP: 0,2% cada
    • AVIF: 0,1% (arredondado)

    Atualmente, menos de 0,07 por cento de todos os sites estão usando o formato AVIF. Whaaat? Isso é muito pouco. Mas ei, é uma chance para você se tornar a ponta de lança tecnológica no uso de formatos de imagem modernos. Como indicado pela curva na imagem à direita, o uso está crescendo mês a mês...ainda na casa dos milésimos. Com certeza isso em breve se acelerará.

    Interessante é que nem mesmo 10 por cento de todos os sites seguem a recomendação do Google de usar formatos web modernos. Todos os outros estão comprometendo a velocidade de carregamento e a experiência do usuário, e provavelmente também não estão atendendo aos Core Web Vitals, o que afeta negativamente a visibilidade online.

    AVIF vs. WebP - qual é melhor para o seu site?

    Vamos fazer um teste direto para ilustrar. A imagem no lado direito da área de cabeçalho do TutKit.com tinha mais de 600 KB como arquivo PNG antes de ser convertida para AVIF devido às transparências.

    TutKit na área de cabeçalho.

    Agora, é exibida como um arquivo WebP com 159 KB (nosso fallback!). Mesmo que seja otimizada por uma ferramenta como o TINYPNG, que também reduz arquivos WebP, ela permanece em 128 KB. Ainda assim, 20 por cento reduzida.

    Como um arquivo AVIF, que é exibido por padrão, a imagem agora tem apenas 94 KB, ou seja, apenas 59 por cento do tamanho do arquivo WebP de fallback. Em todos os testes, o AVIF conseguiu superar o formato WebP em termos de tamanho do arquivo com a mesma qualidade visual.

    Quais são as razões para escolher AVIF em vez de WebP?

    • O AVIF pode lidar com transparências e, mesmo com maior compressão e menor tamanho de arquivo, mantém uma melhor qualidade de imagem.
    • O suporte, já com cerca de 85% para AVIF em todos os principais navegadores, está em crescimento.
    • Seu site vai carregar mais rápido com AVIF em comparação com WebP. Especialmente em sites com muitas imagens, como lojas online com páginas de categorias que contêm muitas imagens de produtos, isso é uma vantagem. Da mesma forma em sites onde as imagens precisam ser exibidas com alta qualidade (sites de portfólio, referências etc.), você garante uma alta qualidade visual com um tamanho de arquivo menor.

    Também é interessante o que o caniuse.com escreve diretamente na página do WebP: "AVIF e JPEG XL são projetados para substituir o WebP." AVIF e JPEG XL devem substituir o WebP. 

    Suporte do navegador WebP.
    Screenshot: https://caniuse.com/webp

    Antes de se perguntar se escolher o AVIF seria a opção errada, devido à participação do JPEG XL na competição, posso te tranquilizar. A compatibilidade com os navegadores em relação ao JPEG XL é praticamente inexistente, com 0,08 por cento.

    Suporte dos Navegadores para o JPEG-XL
    Screenshot: https://caniuse.com/jpegxl

    No Squoosh, você já pode converter imagens para JPEG XL e os resultados são "apenas" semelhantes aos do WebP (veja a imagem abaixo). 

    AVIF continua sendo o vencedor em formatos. Invista nele em breve e aproveite todas as vantagens para os seus sites!

    Squoosh.app - a melhor ferramenta para converter de JPG, PNG, WebP para AVIF

    Enquanto anteriormente usávamos a ferramenta online TinyJPG ou TinyPNG no time para otimizar arquivos JPG, PNG ou WebP para uso em sites, agora sou um grande fã do Squoosh desenvolvido pela Google. 

    O Squoosh é um conversor de imagem gratuito desenvolvido pela Google. A ferramenta funciona como um serviço online, mas também localmente em seu computador ou servidor (node.js!). Ele pode converter imagens em vários formatos, incluindo JPEG, PNG, GIF e WebP. E o melhor: ele também converte suas imagens para o formato AVIF.

    Squoosh.app - Conversor de imagens do Google para AVIF

    O conversor de imagens Squoosh utiliza uma variedade de técnicas para reduzir o tamanho das imagens sem comprometer a qualidade. Isso inclui compressão de informações de cor, redução de resolução e remoção de dados redundantes.

    É só arrastar a imagem e configurar o formato desejado. Poucos cliques e sua imagem está pronta, convertida e otimizada.

    Veja como fica quando você insere uma imagem WebP e a converte uma vez para AVIF (à esquerda) e uma vez para JPEG XL (à direita) para conversão e compressão. Com o controle deslizante, você pode comparar as diferentes qualidades para manter a qualidade visual. Na configuração padrão, uma página é sempre o arquivo original para comparação. Então, você tem controle total sobre o resultado.

    Comparação de compressão Squoosh
    Na comparação direta de AVIF e JPEG XL, há um claro vencedor: AVIF

    Usa o Squoosh para cuidar do teu conteúdo e desenvolver a web, a fim de reduzir o tamanho das tuas imagens graças a modernos formatos web como WebP ou AVIF e melhorar os tempos de carregamento dos teus sites. Também podes reduzir o tamanho dos teus ficheiros JPG - semelhante ao TinyJPG - se quiseres carregá-los nas redes sociais, por exemplo. A vantagem em relação ao TinyJPG é que tens controle total sobre a compressão e podes experimentar diferentes configurações de otimização para obter a melhor qualidade com o menor tamanho possível.

    Aqui estão alguns benefícios do Squoosh:

    • Suporta uma variedade de formatos de imagem para conversão 
    • Utiliza uma variedade de técnicas para reduzir o tamanho da imagem.
    • Permite pré-visualizar as imagens comprimidas
    • Oferece uma série de configurações de otimização
    • A ferramenta é gratuita e fácil de usar.

    Um ponto negativo de todas as características positivas: Atualmente, o Squoosh só pode processar uma imagem de cada vez e não suporta processamento em lote. Espero que esta funcionalidade venha a ser implementada.

    Conversão em Lote do Lado do Servidor em Frameworks PHP de Imagens de JPG e PNG para AVIF e WebP

    Nós mesmos, aqui na TutKit.com, convertemos server-side as nossas imagens, que estavam incorporadas no portal como ficheiros JPG e PNG - mais de 14.000 ficheiros individuais - para o formato AVIF e, como alternativa para browsers mais antigos, também para WebP. Também desenvolvemos tecnicamente de forma a que os nossos editores continuem a carregar imagens no portal em JPG ou PNG, conforme o costume dos nossos designers, e que depois o sistema faça automaticamente a incorporação em AVIF e, para todos os dispositivos mais antigos (ou não compatíveis), a visualização em WebP.

    Para que funcione no servidor, usa as versões de software mais recentes. As novas funções imagecreatefromavif e imageavif para o formato AVIF estão disponíveis apenas no PHP 8.1+ e se a extensão GD foi construída com suporte AVIF. Requer a versão 0.8.2 ou superior do libavif.

    Também verifica a compatibilidade com os sistemas operacionais. O suporte AVIF é fornecido nos repositórios via pacotes libavif-dev/libavif-devel:

    • a partir do Ubuntu 21.04  
    • a partir do Debian 11 
    • a partir do Alpine 3.13 
    • a partir do Fedora 34

    Aqui está a análise do PageSpeed para a visualização móvel da TutKit.com. Enquanto é relativamente fácil conseguir uma pontuação acima de 90 para visualização no desktop, é realmente desafiador para a visualização móvel. Estamos a trabalhar para melhorar este valor em direção aos 100, pois sabemos: o PageSpeed é bom para a experiência do utilizador e, assim, contribui para o nosso sucesso em SEO.

    PageSpeed Insights para TutKit - móvel

    O que parece tão simples com a incorporação do AVIF aqui no nosso PHP Framework Laravel, acabou resultando em mais de 60 tarefas no nosso JIRA-Tool, relacionadas com a conversão e incorporação (incluindo Pesquisa, Desenvolvimento, Correção de Bugs, Testes). Enquanto os plugins facilitam consideravelmente o trabalho num CMS clássico como o WordPress, num desenvolvimento personalizado extensivo, como o nosso, pode - como no nosso caso - necessitar de até três semanas. Definitivamente, os benefícios do uso do AVIF valem a pena! 

    Já agora: Talvez venha a escrever um artigo em breve sobre por que em portais como a TutKit.com preferimos usar um framework PHP em vez de WordPress ou outros CMS.

    Plugins para Utilização de AVIF no WordPress

    O CMS WordPress não suporta o upload de imagens AVIF por defeito, em setembro de 2023 - ao contrário, por exemplo, do CMS Contao, que tem suporte para AVIF desde a versão 5.0.0. Por isso, atualmente, é necessário dar dois passos adicionais ao usar o WordPress para poder exibir as tuas imagens em AVIF.

    1. Estabelecer suporte AVIF no WordPress
    2. Converter as imagens de JPG/PNG/WEBP para AVIF

    Existem vários plugins do WordPress que permitem o uso de imagens AVIF em sites WordPress. Aqui estão três plugins que podes considerar: 

    • AVIF Support: Este plugin permite-te carregar e exibir imagens AVIF em sites WordPress. Suporta também a conversão automática de imagens JPEG e PNG em imagens AVIF.
    • Converter for Media: Este plugin converte todas as imagens na tua biblioteca de media do WordPress em imagens AVIF. Fornece também uma série de opções para ajustar a qualidade da imagem e a taxa de compressão.
    • ShortPixel Image Optimizer: Este plugin otimiza as imagens na tua biblioteca de media do WordPress, incluindo a conversão em imagens AVIF. Oferece também uma variedade de outras funcionalidades para melhorar a qualidade e desempenho das imagens.

    Estes plugins são uma ótima maneira de aproveitar os benefícios das imagens AVIF em sites WordPress.

    AVIF-Support-Uploader como plugin do WordPress

    Aqui está o plugin de suporte AVIF - no momento atual, possui apenas 1.956 downloads e menos de 800 instalações - fica claro que o AVIF ainda é completamente desconhecido para os usuários do WordPress.

    Atualmente, 43,1% de todos os sites funcionam com o CMS WordPress. Assim que o WordPress suportar o AVIF por padrão, o AVIF começará sua ascensão e irá superar o JPG, PNG e também o WebP. - Matthias Petri


    ATUALIZAÇÃO 05.04.2024: Com o WordPress 6.5, o WordPress finalmente também suporta o AVIF! Portanto, os plugins de suporte serão necessários apenas para versões mais antigas do WordPress. Vale ainda mais a pena atualizar para o WordPress 6.5 e superior.

    O plugin Local Image Sharp para sites Strapi

    Nós mesmos utilizamos o AVIF em nosso website da agência 4eck-media.de, que utiliza o CMS Strapi baseado em node.js. O plugin Local Image Sharp para Strapi permite o uso de imagens AVIF em sites Strapi. O plugin utiliza o toolkit de processamento de imagens sharp para converter imagens em imagens AVIF.

    O plugin Local Image Sharp oferece uma variedade de recursos, incluindo:

    • Conversão automática de imagens em imagens AVIF
    • Ajuste da qualidade da imagem e taxa de compressão
    • Suporte para diferentes formatos de imagem

    Para instalar o plugin, faça o download na loja de plugins do Strapi e instale-o como qualquer outro plugin do Strapi.

    Local-Image-Sharp no mercado Strapi.

    Configuramos para carregar as imagens em nosso sistema Strapi como JPG ou PNG. O sistema converte as imagens em AVIF e WEBP em seis resoluções diferentes, para exibir as imagens devidamente dimensionadas conforme o dispositivo (desktop, tablet, mobile) como AVIF no navegador. Para navegadores mais antigos, também temos uma solução alternativa com imagens WebP sendo exibidas. 

    O melhor é usar a tag <picture>, que incluirá as tags <source> e <img> para exibir suas imagens na dimensão correta e nos dois formatos AVIF e WebP, com a fonte de JPG ou PNG.

    Além do cacheamento, as imagens no formato web moderno foram um dos principais impulsionadores do desempenho excepcional do nosso site da agência:

    PageSpeed Insights para 4eck-media - desktop

    Nota sobre meta-thumbnails e dados estruturados

    Como até hoje o Google Imagens não suporta o formato AVIF, como marcação de esquema "imagem", ainda indicamos o arquivo JPG correspondente. Da mesma forma, a miniatura meta que especificamos para cada página do produto, para oferecer ao Google uma imagem de visualização para o snippet de pesquisa, ainda contém o formato JPG.

    Melhor prevenir do que remediar. Já houve relatos nos fóruns de alguém que experimentou a perda total da visibilidade online das imagens após a mudança para AVIF. Não podemos confirmar essa experiência. Nossa visibilidade online permaneceu constante, mas as solicitações de rastreamento do Googlebot para imagens aumentaram. Curiosamente, vemos o Googlebot rastrear as imagens WebP disponíveis como alternativa à navegação em navegadores mais antigos. Parece que o Google está atualmente rastreando as imagens WebP para o índice.

    Portanto, minha recomendação é incluir também a fonte JPG nos metadados para as miniaturas e os dados estruturados.

    Ferramentas e Software para Edição de Imagens AVIF

    Imagens são frequentemente editadas, por isso a compatibilidade com o formato AVIF é desejável nos programas de edição de imagens populares. Às vezes baixamos uma imagem existente do site para fazer uma alteração. Nesse caso, é bom que seu programa de edição de imagens favorito consiga abri-la, o que é a função mais importante para a compatibilidade do AVIF. Mesmo que seja salvo em um formato diferente, é possível converter de volta para o formato AVIF usando o Squoosh ou outras ferramentas.

    Aqui está uma lista de software de edição de imagens compatível com AVIF (em setembro de 2023):

    • Gimp: Pode importar, editar e exportar AVIF desde a versão 2.10.22.
    • Photopea: pode importar e editar AVIF, mas não exportar. Pode ser salvo em outro formato de arquivo.
    • Affinity Photo: sem suporte para AVIF
    • Photoshop: sem suporte, mas um plugin ajuda a estabelecer a compatibilidade.

    Plugin AVIF para Photoshop

    Aqui está um plugin que permite ao Photoshop abrir arquivos AVIF.
    https://github.com/0xC0000054/avif-format

    O download está disponível na aba de lançamentos da página.

    Após baixar o arquivo ZIP, adicione o Av1Image.8bi na pasta em que o Photoshop procura os plugins. Nas instalações padrão, essa pasta é:
    C:\Program Files\Common Files\Adobe\Plug-ins\CC

    Ou esta pasta: C:\Program Files\Adobe\Photoshop [versão]\Plug-ins

    O Photoshop deve ser fechado. Em seguida, inicie o Photoshop para que o plug-in possa ser carregado. Depois disso, você pode abrir e visualizar arquivos AVIF diretamente no Photoshop através de arrastar e soltar ou pela caixa de diálogo Abrir.

    AVIF no Photoshop

    Exibir imagens AVIF no Windows

    Quando baixo imagens do site para editá-las ou usá-las de outra forma, naturalmente espero que o gerenciador de arquivos do Windows consiga abri-las e exibi-las.

    No Windows 10 é possível, porém é necessário uma extensão para isso. Quando você clica em um arquivo AVIF, inicialmente recebe uma mensagem de erro. 

    Erro de exibição AVIF no Windows.

    Na mensagem de erro há um link. Ao clicar nele, você será direcionado para a Microsoft Store para baixar a extensão AVIF. Faça o download dela. Ela possui apenas 1,61 MB.

    Extensão AVIF para Microsoft

    Após isso, será possível abrir e exibir imagens no formato AVIF também no gerenciador de arquivos do Windows.

    Anúncio AVIF no Microsoft.

    Em vez de animações GIF, preferir animações AVIF em websites

    Existe um conversor online para converter animações GIF em animações AVIF. https://mconverter.eu/convert/gif/avif/

    Enquanto meu GIF de teste tem 787 KB, a animação como AVIF é reduzida para 411 KB.

    Minha conclusão pessoal

    Na minha opinião, o AVIF é a melhor opção atual para integrar formatos de imagem modernos em websites. As vantagens em termos de compressão e qualidade de imagem são convincentes. Nenhum outro formato de imagem combina essas propriedades e melhora tanto os tempos de carregamento. Atualmente, ainda são poucos os proprietários de websites que utilizam o formato AVIF, embora o suporte do navegador seja superior a 85% e não seja um obstáculo técnico continuar a utilizar o WebP como alternativa. O SEO está em constante evolução. O AVIF sozinho, é claro, não é suficiente para obter valores de destaque nas Insights de Velocidade das Páginas; para isso, são necessários outros fatores técnicos. Quando se trata de integrar formatos de imagem modernos, com o AVIF você provavelmente obterá melhores resultados em comparação com o WebP.

    Conteúdo rico em palavras-chave por si só não será mais suficiente, pois a Internet está sendo inundada com conteúdo devido à IA, fazendo com que muitos websites concorram pela visibilidade online com um nível de conteúdo elevado. O SEO técnico e especialmente o cumprimento das Core Web Vitals estão se tornando cada vez mais um fator de classificação mais forte e, portanto, um ponto de desempate, porque o Google deseja oferecer a melhor experiência possível aos usuários. O AVIF é - junto com outros fatores - parte da solução para acelerar seus tempos de carregamento, aumentar a experiência do usuário e, perspectivamente, melhorar a visibilidade online.

    Obtenha mais informações sobre SEO, experiência do usuário, design e tendências tecnológicas

    Se estiver interessado nestes temas relacionados ao SEO, experiência do usuário, ferramentas de IA e novas tecnologias web em geral, você pode encontrar mais informações em nossos treinamentos e em outros artigos aqui no blog.

    1101,908,1094,1055,1096

    Agora é com você

    Se este post foi útil para você, por favor, escreva uma avaliação no Google. Cada avaliação nos ajuda. Se precisar de ajuda para implementar o AVIF em seu projeto web, não hesite em nos contatar em nosso site de agência.

    Publicado em de Matthias Petri
    Publicado em: De Matthias Petri
    Matthias Petri fundou juntamente com seu irmão Stefan Petri a agência 4eck Media GmbH & Co. KG em 2010. Juntamente com sua equipe, ele opera o popular fórum especializado PSD-Tutorials.de e o portal de E-Learning TutKit.com. Ele publicou inúmeros treinamentos de edição de imagem, marketing e design e lecionou como professor adjunto na FHM Rostock "Marketing Digital & Comunicação". Por suas atividades, ele foi premiado várias vezes, incluindo o Prêmio Especial do Website-Awards Mecklenburg-Vorpommern de 2011 e como Criador Criativo de Mecklenburg-Vorpommern em 2015. Ele foi nomeado Fellow do Centro de Competência em Cultura e Economia Criativa do Governo em 2016 e está envolvido na Iniciativa "Nós somos o Leste" como empresário e diretor, juntamente com muitos outros protagonistas de origem do Leste alemão.
    Voltar para a visão geral