WebP e AVIF no seu site: economia medida, suporte e como servir com alternativa

Quanto cada formato economiza, segundo quem mediu

Sua loja tem 60 fotos de produto em JPG, com uns 400 KB cada, e alguém garantiu que WebP ou AVIF cortam esse peso pela metade. Veja de onde vêm esses percentuais e em que condições foram medidos.

O que isso dá numa foto de 400 KB

Pela faixa do Google, o WebP ficaria entre 264 e 300 KB; pelo número da AOM, o AVIF ficaria abaixo de 200 KB. É conta sobre médias, não promessa: o estudo do WebP mediu qualidade por um índice calculado (SSIM), e o número do AVIF vem da aliança que mantém o formato. O que vale é o peso do seu arquivo depois de convertido.

Quais versões de navegador abrem WebP e AVIF

Pelos dados do caniuse consultados em setembro de 2026, o WebP é exibido em cerca de 96,8% dos acessos no mundo e o AVIF em 95,4%. As versões mínimas:

Onde o AVIF ainda falha

O Edge só passou a exibir AVIF na versão 121, e iPhone com iOS 15 não abre o formato. Por isso o AVIF nunca deve ser o único arquivo da página.

AVIF não tem renderização progressiva: segundo a MDN, o arquivo precisa ser baixado inteiro antes de aparecer.

Como servir com alternativa usando picture e o atributo type

O elemento picture deixa o navegador escolher. Cada source declara o formato no atributo type; se o navegador não conhece o tipo, pula a linha sem pedir o arquivo ao servidor. Vale a primeira que ele souber abrir — por isso a ordem vai do formato mais leve para o mais compatível.

1. Abra o bloco: <picture>
2. Primeira opção, a mais leve: <source srcset="foto.avif" type="image/avif">
3. Segunda opção: <source srcset="foto.webp" type="image/webp">
4. Reserva para todos os outros: <img src="foto.jpg" alt="Tênis azul visto de lado" width="800" height="600">
5. Feche o bloco: </picture>

Por que o img não pode faltar

A imagem escolhida aparece no espaço do img; é nele que ficam alt, width e height, e navegador que não entende picture usa direto o src. A documentação do Google Search também pede esse img com src como reserva.

O que o peso da imagem muda no LCP

O Largest Contentful Paint (LCP) marca quando o maior elemento visível da tela termina de aparecer. A meta do web.dev é 2,5 segundos ou menos no percentil 75 das visitas, e em 73% das páginas para celular esse elemento é uma imagem (Web Almanac 2024, citado pelo web.dev).

O web.dev divide o LCP em quatro partes: resposta do servidor (TTFB), espera até o download da imagem começar, download e espera para desenhar. Trocar JPG por WebP ou AVIF encurta só o download — e ele costuma ser a menor parte. Em dados reais do Chrome, a maioria dos sites com LCP ruim gasta menos de 10% desse tempo baixando a imagem: nos valores típicos do grupo, são 2.270 ms de resposta do servidor, 1.290 ms de espera e 350 ms de download.

Converter continua valendo pelo peso total: no Web Almanac 2024, a página mediana para celular pesava 2.311 KB, e a página inicial mediana carregava 900 KB em imagens. Só não espere que o formato, sozinho, conserte um LCP ruim.

Não use loading="lazy" na imagem principal do topo da página: o web.dev avisa que isso sempre atrasa o LCP.

WordPress, Shopify, Wix e Nuvemshop: o que a plataforma já faz

Em Shopify e Wix, o formato se resolve na entrega; com você ficam a dimensão e o limite de peso. Em WordPress sem plugin e em site feito à mão, converter é tarefa sua.

• WordPress: aceita envio de WebP desde a versão 5.8 (julho de 2021) e de AVIF desde a 6.5 (abril de 2024), se a biblioteca de imagens do servidor (Imagick ou LibGD) suportar o formato — confira no painel, em Tools → Site Health → Info → Media Handling. Pelas notas dessas versões, as miniaturas saem no formato do arquivo enviado; converter JPG exige plugin ou código.
• Shopify: escolhe o formato na entrega. Se o navegador do cliente aceita WebP ou AVIF, a imagem vai nesses formatos (o AVIF entrou em agosto de 2022). O envio aceita arquivos de até 20 MB.
• Wix: a central de ajuda informa que a imagem enviada é convertida automaticamente para AVIF no site publicado.
• Nuvemshop: a documentação para quem desenvolve temas informa conversão automática para WebP em banners e sliders; quem nunca mexeu no código do tema só precisa enviar JPG ou PNG.

Quando não vale a pena converter

• Ícones e logotipos pequenos: a MDN recomenda priorizar o SVG quando o ícone tem versão vetorial. E 30% de um arquivo de 2 KB são 0,6 KB.
• Imagem já bem comprimida: o FAQ do WebP avisa que converter um JPEG salvo em qualidade 80 para WebP em qualidade 95 normalmente produz arquivo maior. Se o peso não caiu, fique com o que já tinha.
• Capturas de tela, diagramas e arte com texto: a MDN indica codificação sem perdas, porque borrões e franjas coloridas em volta de letras e bordas ficam muito visíveis. Compare antes de abandonar o PNG.
• E-mail: nos testes do caniemail, o Outlook para Windows (2007 a 2019) não exibe WebP nem AVIF, e o Gmail converte os dois para JPG. Em newsletter e e-mail de pedido, envie JPG ou PNG.

Três cuidados antes de converter a pasta inteira

Codificar AVIF costuma demorar mais

Em 2020, no teste de Jake Archibald que o web.dev cita, codificar uma única imagem no Squoosh levou de alguns segundos a mais de 10 minutos, conforme o esforço (um caso especialmente lento, segundo ele). Em 2023, o web.dev registrou que a velocidade melhorou bastante e que, com várias threads, o AVIF chega perto do WebP nos usos comuns; no gráfico do artigo, ainda é o mais lento na conversão feita na hora.

JPG convertido é segunda geração

O JPG já descartou informação quando foi salvo; ao virar WebP ou AVIF com perdas, descarta de novo. Em 2016, Jon Sneyers mostrou no blog da Cloudinary que cada nova codificação em JPEG acrescenta perda, mesmo em qualidade mais alta que a original, e que o WebP sofre ainda mais com isso. O teste é anterior ao AVIF, mas a regra prática é a mesma: converta a partir do arquivo de origem, se ele existir.

Guarde os originais

WebP e AVIF são arquivos de entrega. O original é a reserva do img, vai no e-mail e permite gerar tudo de novo em outra qualidade.

No LivreImage, a exportação em WebP funciona nos navegadores que sabem codificar WebP. AVIF o site não produz hoje: o botão de saída AVIF só aparece quando o navegador informa que consegue codificar o formato e, nos nossos testes de setembro de 2026, o Chrome não conseguiu — para esse formato, você precisa de outro codificador. A conversão para WebP roda no seu aparelho: em JPG para WebP e PNG para WebP, compare o peso de cada arquivo antes e depois.