PNG vs JPEG vs WebP: qual formato de imagem você deve usar?

A maioria das decisões sobre formato de imagem se resume a duas perguntas. A imagem precisa de áreas transparentes? E uma pequena perda de qualidade vai aparecer? Responda essas duas e o formato praticamente se escolhe sozinho. A terceira pergunta, para onde o arquivo vai, decide se os formatos mais novos são aceitos, porque marketplaces e muitos aplicativos ainda só aceitam JPEG e PNG.

Este guia compara os quatro formatos que você mais vai encontrar para fotos e gráficos na web: JPEG, PNG, WebP e AVIF. No fim, há uma escolha rápida para as tarefas mais comuns: logotipos, fotos de produtos, fotos comuns e recortes com fundo transparente.

A tabela comparativa

Os detalhes dos formatos vêm do guia de tipos de arquivo de imagem do MDN. A linha de suporte importa menos para navegadores do que antes: todos os principais navegadores atuais exibem WebP, e o AVIF é aceito nas versões recentes de todos eles. Onde isso ainda importa é em todo o resto, como formulários de envio, marketplaces, clientes de e-mail e softwares de desktop antigos.

Com perda e sem perda, de forma simples

A compressão sem perda reduz um arquivo sem mudar nenhum pixel. Ao decodificar um PNG, você recebe exatamente o que foi salvo. Isso a torna ideal para tudo que tem bordas duras e cores chapadas, como texto, logotipos, desenhos de linha, interfaces e prints de tela, onde qualquer borrão ou franja de cor aparece fácil.

A compressão com perda descarta detalhes que o olho dificilmente nota. Fotografias toleram bem isso porque estão cheias de ruído e de tons graduais. O JPEG funciona assim, e com configurações de qualidade sensatas uma foto pode ficar com uma fração do tamanho do PNG sem mudança visível.

Daí saem duas regras práticas:

• Cada salvamento com perda perde um pouco mais. Guarde uma matriz sem perda (o original da câmera, um PNG ou o arquivo próprio do seu editor) e exporte as cópias com perda a partir dela, em vez de editar e salvar de novo o mesmo JPEG.
• A compressão com perda é pior em bordas nítidas. Um logotipo salvo em JPEG ganha um "ruído mosquito" borrado em volta das letras, e um print de tela fica com o texto borrado.

Transparência: o recurso decisivo para recortes

O JPEG não tem canal alfa. Não há como guardar "este pixel é transparente" num JPEG, então, quando você remove um fundo e salva em JPEG, a área vazia é preenchida com uma cor sólida, normalmente branco ou preto. Se você quer que o recorte fique por cima de outro conteúdo, precisa de PNG, WebP ou AVIF.

O PNG guarda um canal alfa completo: cada pixel pode ir de totalmente opaco a totalmente transparente, e é isso que mantém naturais as bordas suaves, como cabelo, pelo e sombras. Ele também tem um modo mais simples em que uma cor da paleta é marcada como transparente, o que serve para gráficos chapados mas gera bordas serrilhadas em fotos. Se quiser os detalhes, leia o que é um canal alfa.

O WebP aceita transparência tanto no modo sem perda quanto no modo com perda. A documentação do WebP do Google diz que o WebP sem perda adiciona transparência com cerca de 22% a mais de bytes, e que o WebP com perda e transparência costuma ser cerca de 3 vezes menor que um PNG equivalente. Isso faz do WebP com perda a forma mais eficiente de publicar uma foto de produto transparente no seu próprio site.

Tamanho do arquivo

Para a mesma imagem, a ordem aproximada do maior para o menor é PNG, JPEG, WebP, AVIF, com uma ressalva importante: o PNG só é "grande" em fotos. Em gráficos chapados com poucas cores, o PNG muitas vezes é menor que o JPEG e sempre mais nítido.

Os números publicados pelo Google para o WebP são uma boa referência:

• Arquivos WebP sem perda são 26% menores que PNGs.
• Arquivos WebP com perda são de 25 a 34% menores que JPEGs equivalentes com a mesma pontuação de qualidade SSIM.

A orientação do MDN para imagens bitmap na web é preferir WebP ou AVIF, que em geral comprimem melhor que PNG, JPEG e GIF. O AVIF também aceita cor de 10 e 12 bits, o que ajuda em degradês suaves. O ponto fraco dele é o suporte fora dos navegadores: muitos aplicativos e formulários de envio ainda o recusam.

O tamanho do arquivo importa principalmente quando você entrega muitas imagens para muitos visitantes. Para um único envio a um marketplace que recomprime tudo de qualquer forma, o formato que o marketplace aceita importa mais que os bytes economizados.

Onde cada formato é aceito

Os navegadores são a parte fácil. É nos marketplaces e aplicativos que os formatos são recusados. Estes são os formatos aceitos segundo a documentação de cada plataforma, consultada em outubro de 2026:

Duas coisas se destacam. Primeiro, Amazon, Walmart e os catálogos da Meta não aceitam WebP nem AVIF, então use JPEG ou PNG nos envios para marketplaces. Segundo, a Etsy diz que PNG transparente não é aceito e que as áreas transparentes podem aparecer pretas, então achate os recortes sobre uma cor antes de enviar para lá. Para os tamanhos exatos em pixels de cada plataforma, veja a referência de tamanhos de fotos de produtos.

Qual formato usar nas tarefas mais comuns

Logotipos

Use SVG quando tiver um original vetorial; o MDN recomenda SVG para logotipos e ícones. Quando precisar de um arquivo bitmap, use PNG com fundo transparente, ou WebP sem perda no seu próprio site. Nunca JPEG: ele cria ruído em volta das bordas e não pode ser transparente.

Fotos de produtos

Para imagens principais de marketplaces, use JPEG sobre fundo branco puro. O blog para vendedores da Amazon diz que o JPEG é o formato preferido, e todos os marketplaces da tabela acima aceitam. Exporte com qualidade alta (entre 85 e 92 na maioria das ferramentas) a partir de uma matriz sem perda.

Na sua própria loja, envie um JPEG ou PNG de alta qualidade e deixe a plataforma converter. A Shopify, por exemplo, diz que o serviço de imagens dela entrega automaticamente a cada visitante o melhor formato que o navegador dele aceita.

Fotos comuns

JPEG é o padrão seguro para compartilhar e enviar. Num site que você controla, WebP ou AVIF com JPEG como alternativa dão o mesmo visual com menos bytes. Se o seu celular salva arquivos HEIC, converta para JPEG antes de enviar para qualquer lugar que não cite HEIC.

Recortes e imagens transparentes

Use PNG quando o arquivo precisa funcionar em todo lugar: slides, documentos, ferramentas de design e a maioria dos formulários de envio. Use WebP quando for colocar a imagem na sua própria página web e quiser que ela fique leve. Use JPEG só se você preencheu o fundo de propósito com uma cor sólida, por exemplo branco para um marketplace.

Prints de tela e diagramas

PNG, ou WebP sem perda. Formatos com perda borram o texto.

Entregar formatos modernos com alternativa

Se você tem seu próprio site, não precisa escolher um único formato. O elemento HTML picture deixa o navegador escolher o primeiro formato que ele entende:

<picture>
  <source srcset="product.avif" type="image/avif">
  <source srcset="product.webp" type="image/webp">
  <img src="product.png" alt="Leather wallet, front view" width="1200" height="1200">
</picture>

Navegadores com suporte a AVIF usam a primeira fonte, os outros passam para o WebP, e qualquer navegador mais antigo usa o PNG. Muitas plataformas de hospedagem e CDNs de imagem fazem essa conversão para você com base no cabeçalho Accept do navegador, o que costuma ser mais simples do que gerar todos os formatos por conta própria.

Converter entre formatos sem surpresas

• De PNG ou WebP para JPEG: as áreas transparentes são achatadas. Escolha você a cor de preenchimento (normalmente branco) em vez de deixar a ferramenta escolher, porque algumas usam preto por padrão.
• De JPEG para PNG: o arquivo fica maior, mas não melhor. A qualidade perdida no JPEG não volta.
• De qualquer formato para WebP ou AVIF: confira se a transparência foi mantida e se as cores estão certas; converta antes para o perfil de cor sRGB se a imagem for vista na web.
• Salvar JPEG de novo: cada salvamento com qualidade menor acumula perda. Exporte uma vez a partir da matriz.

Uma opção mais rápida para recortes

Se você remove fundos em lote, o removebackground.dev exporta o recorte como PNG ou WebP transparente, ou como JPG sobre qualquer cor sólida, então você pode tirar do mesmo envio um JPEG no branco para o marketplace e um PNG transparente para o seu site.