Saltar para o conteuúdo
Todos os guias
9 min de leitura

WebP, AVIF ou JPEG: qual formato exportar?

O “melhor” formato de imagem depende do destino, não de um tweet. Aqui vai um caminho curto de decisão, com links para as especificações e para um conversor local.

O guia de formatos do web.dev é o ponto de partida certo: prefira formatos modernos quando o público consegue decodificá-los, fique no JPEG quando precisar de suporte universal a foto estática, e fique no PNG (ou WebP sem perda) quando precisar de UI nítida e transparência. O StackImage grava JPEG, PNG, WebP e AVIF no navegador. Ele não grava HEIC.

Um caminho curto de decisão

  • Fotografias para e-mail, Word ou um CMS teimoso: JPEG.
  • Fotografias para um site moderno: WebP primeiro, AVIF se você já tem recuo JPEG/WebP.
  • UI, logos, prints com texto: PNG ou WebP sem perda. Não faça JPEG de um print.
  • Animação: GIF na entrada, quadros PNG na saída se precisar de imagens estáticas. Não somos um encoder de vídeo.
  • Original de iPhone: decodifique HEIC e depois escolha JPEG ou WebP para o destino.

O que os formatos de fato são

JPEG

O padrão de foto estática desde os anos 1990. Com perda, sem alfa, em todo lugar. O JPEG.org mantém a família. Detalhe fino e texto sofrem em qualidade baixa. Serve para fotos de câmera.

PNG

Sem perda, com alfa. A especificação PNG do W3C é a referência. Fotografias em PNG em geral são desperdício. Prints e logos são o trabalho.

WebP

O formato da Google com modos com perda e sem perda, e com alfa. A documentação do WebP e o Can I use: WebP mostram por que ele é o padrão moderno seguro em 2026.

AVIF

AV1 num contêiner no estilo HEIF. Muitas vezes menor que WebP com visual parecido, mais lento para gravar. AVIF no GitHub (AOMedia) e Can I use: AVIF são as duas abas a conferir antes de torná-lo o único formato.

Converta o formato localmente

HEIC entra, JPEG/PNG/WebP/AVIF saem. O arquivo nunca deixa a aba.

Converta o formato localmente

O que o StackImage não faz

Codificamos com os codecs do navegador, não com um build customizado de mozjpeg ou rav1e. Tempo e qualidade seguem o dispositivo. Se você precisa de um ajuste de esforço AVIF de duas horas para o destaque da home, use o Squoosh ou um passo de build. Se precisa de HEIC na saída, use as ferramentas da Apple.

Fontes

web.dev: Escolha o formato certo de imagem

A árvore de decisão que este artigo segue.

web.dev: Escolha o formato certo de imagem

MDN: Guia de tipos e formatos de imagem

Descrição voltada ao navegador de JPEG, PNG, WebP, AVIF, GIF e SVG.

MDN: Guia de tipos e formatos de imagem

Experimente estas ferramentas

Mais guias