Auditoria de imagem AVIF

Converter JPEG para AVIF só quando a página fica mais rápida

AVIF é mais útil quando usado como auditoria de imagem, não exportação em massa. Este guia ajuda a escolher fotos JPEG para AVIF, definir revisão e evitar arquivos menores, mas piores visualmente.

Veredito rápido

Converta as exceções, não toda a pasta de mídia

A melhor decisão JPEG para AVIF começa pelo impacto na página. Converta fotos grandes que ainda atrasam após redimensionar. Deixe miniaturas, UI, diagramas e ativos pequenos em caminho mais simples.

Candidato forte Imagem fotográfica LCP grande

Use AVIF quando uma foto principal ou de landing ainda domina peso após redimensionar e exportar para WebP.

Talvez Importante, mas não dominante

Teste AVIF só se o arquivo atual ainda for pesado ou a página tiver problema claro de velocidade.

Evitar Ativos pequenos, gráficos ou não revisados

Evite AVIF se a imagem for pequena, UI, com muito texto ou sem possibilidade de revisão antes da publicação.

Auditoria de imagem primeiro

Faça estas perguntas antes de escolher AVIF

AVIF pode ser excelente, mas não é uma solução mágica. O formato importa só depois da imagem estar no tamanho certo, com função definida e revisada no layout real.

Pergunta Por que isso importa Ação
O tamanho renderizado já está correto? AVIF não corrige uma imagem de 4000px exibida em 900px. Redimensione primeiro, depois compare formatos.
Esta imagem afeta o LCP ou a primeira impressão? Fotos grandes acima da dobra impactam mais que decorações no fim da página. Priorize imagens principais, de landing e campanhas.
O conteúdo é fotográfico? AVIF funciona melhor em fotos, não em gráficos planos ou logos. Use PNG, SVG ou WebP quando bordas nítidas forem mais importantes.
Você pode revisar o resultado no contexto? AVIF pode esconder artefatos até a imagem estar no layout real. Confira largura móvel, gradientes, rostos e corte.
Você tem um caminho alternativo? Nem todo ambiente trata formatos modernos da mesma forma. Publique com marcação picture ou equivalente do seu framework.

Seleção de candidatos

Quais imagens JPEG são bons candidatos para AVIF?

Procure imagens onde um arquivo menor muda a página, não só o gerenciador. Os melhores candidatos são fotos grandes, visualmente importantes e que influenciam a velocidade percebida.

Melhor candidato

Foto principal LCP

Uma grande imagem principal que define a primeira área visível e continua pesada após redimensionar é o melhor caso para AVIF.

Bom candidato

Imagem de campanha da página inicial

Uma foto de campanha ou produto justifica uma revisão extra quando aparece no topo da página e precisa manter a qualidade visual.

Candidato seletivo

Imagem principal editorial

Use AVIF quando a imagem for grande o suficiente para importar, não só porque todas as imagens do artigo estão sendo reexportadas.

Candidato ruim

Capturas de tela com muito texto

Capturas, UI, diagramas e ícones geralmente perdem clareza de texto antes de se beneficiarem do AVIF.

Revisão de qualidade

Não copie números de qualidade entre ferramentas AVIF

Os controles de qualidade AVIF não são universais. Um valor bom em um codificador pode ser fraco ou pesado em outro. Comece pelo padrão ou qualidade média e avalie na página real.

O objetivo não é o menor arquivo AVIF possível, mas o menor que suporte a página: detalhes limpos, gradientes aceitáveis, sem perda de textura ou mudança de cor visível.

Ordem de revisão
  1. Compare com JPEG ou WebP redimensionado, não com o arquivo original da câmera.
  2. Inspecione a imagem no tamanho desktop renderizado e na largura móvel.
  3. Verifique rostos, céus, gradientes, sombras, texturas pequenas e cores da marca.
  4. Confirme que o arquivo carrega na página que pretende publicar.

Modos de falha visual

Artefatos AVIF que valem a pena checar antes de publicar

Um bom arquivo AVIF pode ficar excelente. Um ruim pode falhar silenciosamente: o arquivo é menor, mas a imagem parece apagada, borrada ou com ruído na parte da página que os usuários veem primeiro.

Faixas em céus ou gradientes Fundos suaves podem mostrar faixas quando a compressão é excessiva.
Textura de pele ou produto com aspecto ceroso Retratos e superfícies de produtos podem perder detalhes naturais mesmo que o arquivo pareça nítido à primeira vista.
Detalhes finos borrados Folhas, tecidos, cabelos e padrões pequenos podem borrar, parecendo qualidade inferior ao ganho em bytes.
Mudança de cor ou contraste Imagens de campanha e produtos precisam de checagem de cores seguras para a marca após conversão.
Erros de corte e ponto focal Um arquivo menor não é vantagem se cortes responsivos escondem a parte da imagem que vende a página.

Entrega

Publique AVIF com fallback, não como substituição cega

Para imagens importantes, mantenha a entrega simples e previsível. Use AVIF primeiro se suportado, mantenha fallback WebP ou JPEG, defina largura e altura, e evite que o navegador descubra o tamanho tarde.

Pré-carregue AVIF só se for a imagem LCP real. Pré-carregar todos os ativos pode deixar a página mais lenta.

HTMLMarcação picture com fallback AVIF
<picture>
  <source srcset="/images/landing/hero.avif" type="image/avif">
  <source srcset="/images/landing/hero.webp" type="image/webp">
  <img
    src="/images/landing/hero.jpg"
    width="1600"
    height="900"
    alt="Product photo in the landing page hero"
    loading="eager"
    fetchpriority="high">
</picture>

Privacidade e controle

Mantenha imagens de campanha não lançadas fora de fluxos aleatórios de upload

Fotos JPEG grandes geralmente não são neutras. Podem conter produtos não lançados, trabalhos de clientes, pistas de localização, material de campanha ou nomes que revelam contexto interno. Enviar para conversor deve ser decisão consciente, não padrão.

Um fluxo local mantém arquivos, nomes e revisões próximos ao projeto, útil quando a mesma página precisa de várias tentativas até o visual ficar ideal.

Fluxo prático

Processo repetível de JPEG para AVIF sem transformar cada imagem em projeto

  1. 01
    Selecione apenas os candidatos pesados

    Comece com uma lista curta de fotos JPEG grandes que ainda importam após redimensionar e exportar para WebP.

  2. 02
    Exporte variantes AVIF separadamente

    Mantenha saída AVIF em pasta dedicada para facilitar comparação com JPEGs fonte e WebPs rotineiros.

  3. 03
    Revise na página real

    Coloque o candidato no componente ou template real e verifique o resultado visível, não só a prévia do conversor.

  4. 04
    Publique com marcação de fallback

    Sirva AVIF onde suportado e mantenha fallback WebP ou JPEG para comportamento previsível.

  5. 05
    Documente a regra

    Anote quais funções de imagem recebem AVIF para que a próxima atualização não vire um jogo de adivinhação.

Limite de formato

Use WebP como base e AVIF como escalonamento

Um fluxo saudável tem um padrão e uma exceção. WebP é o padrão para imagens comuns, pois é prático e amplamente suportado. AVIF é usado quando uma foto grande ainda pesa muito.

Esse limite mantém o fluxo rápido e permite salvar imagens que dominam peso ou LCP.

Imagens rotineiras de artigos Use WebP, a menos que um arquivo específico ainda seja pesado.
Imagem principal fotográfica grande Teste AVIF após redimensionar e compare o resultado visual.
Capturas de tela e UI Prefira PNG ou WebP quando texto e bordas nítidas forem importantes.
Exportações em lote não revisadas Não publique AVIF cegamente só porque a pasta está menor.

Lista de verificação pré-publicação

Confira isso antes de substituir JPEG por AVIF

A imagem fonte foi redimensionada O arquivo AVIF está próximo do maior tamanho exibido, não do original da câmera.
A página usa AVIF Verificações de rede ou fonte confirmam que o novo arquivo está sendo servido.
Existe uma alternativa WebP ou JPEG continuam disponíveis para o caminho de entrega que você usa.
Qualidade revisada A página final foi verificada para artefatos no desktop e mobile.
Metadados ainda fazem sentido Texto alternativo, imagens Open Graph e referências JSON-LD não foram quebrados acidentalmente.
O original é preservado JPEGs originais ficam disponíveis para cortes, tamanhos e reexportações futuras.

Perguntas frequentes

Perguntas frequentes

Respostas práticas para decisões de publicação JPEG para AVIF