WebP vs JPG vs AVIF: qual o seu site deve usar?

Os três são formatos com perdas que você pode servir na web. Eles diferem no quanto encolhem, no que suportam e em quanta gente no mundo consegue abri-los.

A comparação que importa

Os números variam conforme a imagem, mas a ordem é estável: o AVIF é o menor, o WebP vem em seguida e o JPG é o maior. O suporte a transparência e a cobertura de navegadores decidem qual deles você realmente pode usar.

FormatoTamanho típico vs JPGTransparênciaSuporte dos navegadoresBom para
AVIF25-50% menorSimChrome, Edge, Firefox, Safari 16+Fotografias, quando cada kilobyte conta
WebP25-35% menorSimTodo navegador atualO padrão moderno seguro
JPGreferênciaNãoTudo o que já foi feitoCompatibilidade máxima

O que servir de verdade

Se você controla a marcação, sirva formatos modernos com fallback: AVIF primeiro, WebP depois, JPG por último. O navegador escolhe o primeiro que entende, então os navegadores mais novos recebem o arquivo menor e os antigos ainda veem a imagem. É um único elemento picture com duas linhas source a mais, e é a mudança de maior impacto que a maioria dos sites pode fazer no peso das próprias imagens.

Se você envia para uma plataforma que aceita só um arquivo, escolha WebP: é menor que o JPG, mantém a transparência e todo navegador atual o exibe. O principal motivo para ainda escolher JPG é um público que usa software antigo — uma gráfica, um editor offline, uma intranet corporativa.

Advertisement

Onde o AVIF ganha e onde ele machuca

O AVIF comprime mais forte nas qualidades baixas, justamente onde o JPG desmorona, então é o formato para páginas cheias de imagem que precisam continuar leves. Os custos são reais: codificar é bem mais lento, software antigo não abre de jeito nenhum e algumas ferramentas de edição de imagem ainda não importam direito.

Um detalhe prático para ferramentas no navegador: criar um AVIF exige que o navegador saiba codificar AVIF, o que hoje significa navegadores Chromium. No Firefox ou no Safari, um conversor deve avisar isso e oferecer WebP em vez de gerar outra coisa sem dizer nada.

Converter entre os três

Conversões entre formatos com perdas sempre custam um pouco de qualidade, porque cada salvamento descarta detalhe. Converta a partir do master original, e não de uma cópia já convertida, e converta uma vez em vez de repetidamente.

Passar de um formato com perdas para um sem perdas — para PNG, por exemplo — deixa o arquivo bem maior sem recuperar o que já se perdeu. Faça isso só quando precisar editar e salvar repetidamente, ou quando precisar de transparência.

Tools used in this guide

Citar esta página

Pode citar à vontade. Copie a referência ou link direto para esta página.

PicConv. "WebP vs JPG vs AVIF: qual o seu site deve usar?". https://picconv.com/pt/guides/webp-vs-jpg-vs-avif/ (accessed 2026-11-01).

https://picconv.com/pt/guides/webp-vs-jpg-vs-avif/

Perguntas frequentes

O WebP é melhor que o JPG?

Para a web, quase sempre: 25-35% menor na mesma qualidade visível, e aceita transparência. A exceção é um destino que não abre WebP — software de desktop mais antigo, algumas impressoras, alguns formulários de upload.

Devo usar AVIF agora?

Sim, se você o servir com fallback e o seu fluxo conseguir codificá-lo. É o menor dos três, mas a codificação de AVIF no navegador é só do Chromium, então uma ferramenta que o oferece precisa ser honesta sobre isso.

Posso simplesmente converter tudo para WebP?

É um padrão razoável para um site. Guarde os masters originais no formato em que vieram e gere WebP para entrega. Para e-mail, impressão ou formulários de upload, o JPG continua sendo a escolha mais segura.

Converter para WebP perde qualidade?

Um pouco, porque é um formato com perdas — mas em 80-90% de qualidade a maioria das fotografias parece idêntica. Converta do original, e não de um arquivo já convertido, já que cada salvamento com perdas se acumula.

Por que meu PNG como foto fica muito maior?

O PNG é sem perdas, então guarda cada pixel exatamente. Isso é certo para logotipos, capturas de tela e texto, e desperdício em fotografias, onde um formato com perdas fica várias vezes menor sem diferença visível.

← Todos os guias