{"id":1118,"date":"2024-07-16T22:30:00","date_gmt":"2024-07-17T01:30:00","guid":{"rendered":"https:\/\/kangaroo.host\/blog\/avif-conheca-o-formato\/"},"modified":"2025-07-14T16:33:19","modified_gmt":"2025-07-14T19:33:19","slug":"avif-conheca-o-formato","status":"publish","type":"post","link":"https:\/\/kangaroo.host\/blog\/avif-conheca-o-formato\/","title":{"rendered":"AVIF – Novo formato de otimiza\u00e7\u00e3o de imagens"},"content":{"rendered":"\n

Que o mundo WEB \u00e9 extremamente movimentado, n\u00e3o \u00e9 nenhuma novidade. Assim, novas ferramentas, processos, recursos e tecnologias surgem a todo momento, assim como o AVIF, que vem com a proposta de criar m\u00e1xima otimiza\u00e7\u00e3o para imagens, substituindo o WEBP como novo queridinho em termos de performance e compress\u00e3o.<\/p>\n\n\n\n

Por isso, mostraremos quais s\u00e3o as principais vantagens desse novo formato de compress\u00e3o de imagens, como ele funciona e de que forma voc\u00ea pode come\u00e7ar a converter suas imagens para ele. Vamos l\u00e1?<\/p>\n\n\n\n

Sum\u00e1rio<\/h3>\n\n\n\n
    \n
  1. O que \u00e9?<\/li>\n\n\n\n
  2. Principais recursos<\/li>\n\n\n\n
  3. Como converter?<\/li>\n\n\n\n
  4. Conclus\u00e3o<\/li>\n<\/ol>\n\n\n\n

    O que \u00e9 o AVIF?<\/h2>\n\n\n\n
    \"Logo
    Fonte: Site oficial (https:\/\/aomediacodec.github.io\/av1-avif\/)<\/figcaption><\/figure>\n\n\n\n

    Esse novo formato de compress\u00e3o implementa uma s\u00e9rie de recursos que visam a dr\u00e1stica redu\u00e7\u00e3o do tamanho dos arquivos de imagem, o que \u00e9 particularmente \u00fatil para imagens que s\u00e3o usadas em sites. Isso acontece porque sempre que uma imagem \u00e9 carregada na p\u00e1gina, o visitante acaba tendo que “baixar” o tamanho total daquela m\u00eddia para realmente conseguir exibi-la. <\/p>\n\n\n\n

    O problema disso \u00e9 que, quanto mais pesada a m\u00eddia, maior o tempo de carregamento que a p\u00e1gina poder\u00e1 ter. Pensando nisso, reduzir o tamanho total dos arquivos de m\u00eddia pode sim gerar um impacto muito positivo no tempo de carregamento final da p\u00e1gina, por diminuir o tamanho total dos recursos que o visitante precisar\u00e1 carregar em cada acesso.<\/p>\n\n\n\n

    Por isso, formatos de compress\u00e3o que reduzam o tamanho das imagens de maneira consider\u00e1vel – como \u00e9 o caso do formato AVIF – s\u00e3o fundamental para se implementar nos sites que buscam m\u00e1xima performance e otimiza\u00e7\u00e3o. <\/p>\n\n\n\n

    Vale relembrar, ainda, que o tempo de carregamento das p\u00e1ginas e o uso de formatos de \u00faltima gera\u00e7\u00e3o (como indicado pelo Google PageSpeed<\/a>) \u00e9 algo que interfere tamb\u00e9m em seu SEO, uma vez que os motores de busca d\u00e3o maior prefer\u00eancia aos sites que t\u00eam melhor experi\u00eancia em termos de velocidade.<\/p>\n\n\n\n

    Principais recursos<\/h2>\n\n\n\n

    Como falamos um pouco acima, o primeiro e principal recurso do AVIF \u00e9 a sua grande capacidade de compress\u00e3o. Enquanto o WEBP consegue uma redu\u00e7\u00e3o m\u00e9dia de 30% do tamanho original de um arquivo JPG, o AVIF consegue chegar na casa dos 50%, representando uma economia consider\u00e1vel de espa\u00e7o.<\/p>\n\n\n\n

    N\u00e3o somente o desempenho \u00e9 um destaque do AVIF, mas tamb\u00e9m a sua qualidade praticamente impec\u00e1vel chama muito a aten\u00e7\u00e3o, j\u00e1 que o resultado final consegue se manter muito final ao arquivo original, mesmo ap\u00f3s uma compress\u00e3o t\u00e3o intensa, o que faz com que esse formato seja um dos pretendentes a, em um futuro pr\u00f3ximo, se tornar o mais usado por sites que visam o desempenho m\u00e1ximo.<\/p>\n\n\n\n

    Outro recurso bastante interessante \u00e9 que o formato \u00e9 totalmente compat\u00edvel com o HDR, transpar\u00eancia e disp\u00f5e de uma alta gama de cores, permitindo uma grande versatilidade na utiliza\u00e7\u00e3o. Falando em utiliza\u00e7\u00e3o, esse \u00e9 um formato totalmente livre de royalties, o que significa que ele tem f\u00e1cil ades\u00e3o por n\u00e3o dispor de barreiras legais ou financeiras que atrapalhem seu uso.<\/p>\n\n\n\n

    Como converter imagens para AVIF?<\/h2>\n\n\n\n

    A implementa\u00e7\u00e3o do formato AVIF \u00e9 bastante simples, e ele j\u00e1 vem sendo adotado por algumas ferramentas de edi\u00e7\u00e3o e design. De toda forma, ainda \u00e9 poss\u00edvel utilizar ferramentas de convers\u00e3o, que ir\u00e3o transformar suas m\u00eddias em .avif sem grandes esfor\u00e7os, aplicando todos os efeitos de compress\u00e3o sem preju\u00edzo da qualidade.<\/p>\n\n\n\n

    Ferramentas como o Convertio<\/a> e CloudConvert<\/a> s\u00e3o plataformas extremamente vers\u00e1teis, que te permitir\u00e3o fazer a compress\u00e3o para AVIF a partir dos mais diferentes formatos da imagem original.<\/p>\n\n\n\n

    No caso de sites WordPress, o suporte ao formato foi implementado recentemente na vers\u00e3o 6.5, e atrav\u00e9s de plugins como o Avif Express<\/a> voc\u00ea pode converter suas imagens rapidamente direto no upload.<\/p>\n\n\n\n

    Conclus\u00e3o<\/h2>\n\n\n\n

    O AVIF \u00e9 um formato que realmente chegou com a inten\u00e7\u00e3o de mudar o jogo e se tornar o principal formato de imagens na WEB, principalmente por sites que visam melhorar ainda mais suas t\u00e9cnicas de SEO usadas. Por isso, \u00e9 com certeza uma tecnologia que tende a crescer muito, e que vale a pena n\u00e3o somente ficar de olho, como tamb\u00e9m testar e implementar. <\/p>\n\n\n\n

    Se voc\u00ea gostou desse conte\u00fado, n\u00e3o deixe de continuar acompanhando nosso blog<\/a> para mais super dicas como essa e, claro, nos vemos na pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"

    Que o mundo WEB \u00e9 extremamente movimentado, n\u00e3o \u00e9 nenhuma novidade. Assim, novas ferramentas, processos, recursos e tecnologias surgem a todo momento, assim como o AVIF, que vem com a proposta de criar m\u00e1xima otimiza\u00e7\u00e3o para imagens, substituindo o WEBP como novo queridinho em termos de performance e compress\u00e3o. Por isso, mostraremos quais s\u00e3o as […]<\/p>\n","protected":false},"author":1,"featured_media":1120,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[82],"tags":[312,313,314,46,60,32],"class_list":["post-1118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-otimizacao","tag-avif","tag-compressao","tag-imagem","tag-performance","tag-seo","tag-site"],"_links":{"self":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/comments?post=1118"}],"version-history":[{"count":1,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1118\/revisions"}],"predecessor-version":[{"id":2589,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1118\/revisions\/2589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media\/1120"}],"wp:attachment":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media?parent=1118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/categories?post=1118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/tags?post=1118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}