3 de junho de 2026
JPG vs PNG vs WebP: Qual Formato de Imagem Você Deve Usar?
JPG vs PNG vs WebP, explicado sem jargão. Aprenda em que cada formato de imagem é bom, onde falha e como escolher o certo sempre.
Você exportou o novo logotipo, salvando-o em PNG porque alguém disse uma vez que PNG tem maior qualidade, e agora o cliente escreve de volta: são 9 MB e não carrega na página inicial. Ou você salvou uma captura de tela como JPG e o texto nítido saiu borrado, com manchas cinzas ao redor de cada letra.
De qualquer forma, você provavelmente está se perguntando qual é a diferença entre JPG, PNG e WebP, e qual deles deveria usar.
A resposta curta é que cada formato foi construído para uma tarefa diferente, e o uso do formato errado é o que causa ambos os problemas acima. Este artigo mostra em que cada formato é bom, onde ele falha, e como escolher o certo sem adivinhar.
JPG: Feito para Fotos
O formato JPG (também escrito JPEG) utiliza compressão com perda. Isso significa que encolhe um arquivo descartando detalhes que é improvável que seu olho perceba, e ele não consegue recuperar esses detalhes. Para uma fotografia, com seus milhares de gradientes sutis, isso é exatamente o certo: você obtém um arquivo pequeno que ainda parece com a foto.
Onde o JPG tem dificuldades são elementos com bordas duras e cores planas: texto, logotipos, capturas de tela, arte linear. A mesma compressão que suaviza um céu em um arquivo pequeno deixa manchas visíveis chamadas artefatos ao redor das fronteiras afiadas. O JPG também não possui transparência. Cada JPG é um retângulo sólido, então um logotipo salvo como JPG chega com uma caixa branca atrás dele.
Use JPG para fotos, e realmente apenas para fotos.
PNG: Feito para Gráficos e Transparência
O formato PNG utiliza compressão sem perda. Nada é descartado, então a imagem que você salva é pixel por pixel a mesma que você abre mais tarde. Isso o torna a escolha ideal para capturas de tela, logotipos, ícones, diagramas e qualquer coisa com texto ou bordas afiadas, onde os artefatos do JPG seriam visíveis.
Outra força do PNG é a transparência. Um PNG pode ter um fundo transparente, de modo que um logotipo seja sobreposto perfeitamente em qualquer cor abaixo dele, em vez de ficar em uma caixa branca.
A armadilha é o tamanho do arquivo. Como o PNG mantém cada pixel, uma fotografia salva como PNG pode ser várias vezes maior do que a mesma foto como JPG, sem nenhum benefício visível. O PNG foi construído para gráficos, não para fotos.
WebP: O Multifuncional Moderno
O WebP é um formato mais novo que pode realizar ambas as tarefas. Ele suporta compressão com perda, como o JPG, e compressão sem perda, como o PNG, além de suportar transparência, assim como o PNG. A uma qualidade visual semelhante, um arquivo WebP geralmente é significativamente menor do que o equivalente em JPG ou PNG, e é por isso que ele se tornou o padrão para imagens em sites rápidos.
A única coisa a saber é o suporte. Todos os navegadores atuais (Chrome, Firefox, Edge, Safari) exibem WebP há anos, então para a web é uma escolha segura. Alguns softwares de desktop mais antigos e alguns serviços de impressão ainda não o aceitam, então se você estiver entregando um arquivo para um sistema que não controla, JPG ou PNG é a opção mais segura.
Quando o Formato Errado Sai Caro
Aqui está a versão rápida:
| JPG | PNG | WebP | |
|---|---|---|---|
| Compressão | Com perda | Sem perda | Com ou sem perda |
| Transparência | Não | Sim | Sim |
| Ideal para | Fotos | Gráficos, texto, logos | Imagens da web de qualquer tipo |
| Tamanho para uma foto | Pequeno | Grande | O menor |
O designer cujo logotipo não carrega
Um designer exporta o novo logotipo da marca como um arquivo PNG e envia por e-mail para o cliente. A resposta retorna rapidamente: "São 8 MB, não vai carregar no nosso site." O arquivo PNG continha um fundo fotográfico completo em qualidade sem perda, preservando cada pixel, enquanto a página só precisava de uma imagem pequena e de rápido carregamento. O formato PNG fez o trabalho perfeitamente. Só que era o trabalho errado.
A captura de tela que saiu embaçada
O mesmo designer, uma semana depois, salva uma captura de tela da interface de um aplicativo como um arquivo JPG para manter o tamanho do arquivo pequeno. Agora, as bordas de cada letra têm um halo de blocos cinzas ao redor, e linhas finas parecem desbotadas. Isso é o formato JPG descartando detalhes que decidiu que ninguém sentiria falta, exatamente no tipo de imagem com bordas afiadas onde a perda é óbvia. Dois erros opostos, ambos por escolher um formato por hábito em vez de pelo que a imagem é.
Convertendo Entre Eles
Você não precisa reexportar do arquivo original para corrigir nenhum desses. Você pode converter o que já tem, diretamente no seu navegador, sem enviar nada para um servidor e sem criar uma conta.
Como o designer faz o logotipo carregar
Para o logotipo pesado do designer, a solução é converter o PNG para WebP: ele mantém a transparência e reduz o tamanho do arquivo de megabytes para algumas centenas de kilobytes, permitindo que a página carregue. O mesmo visual com uma fração do tamanho.
Como o designer corrige o texto borrado
Para a captura de tela do designer, a correção funciona ao contrário. Ele a converte de volta para PNG e o texto recupera suas bordas limpas, pois o PNG mantém cada pixel em vez de adivinhar.
E quando um sistema simplesmente se recusa a aceitar qualquer outra coisa, o que ainda acontece com formulários de upload mais antigos e algumas impressoras, um arquivo PNG, WebP ou HEIC pode ser convertido para JPG, o formato aceito por todos os sites e impressoras.
A Versão Breve
Use JPG para fotografias, PNG quando precisar de transparência ou texto nítido, e WebP quando quiser um arquivo menor que pareça o mesmo na web. Escolha com base no que a imagem é, não no formato que usou da última vez, e a maioria desses problemas nunca surge.
Tem um arquivo no formato errado? Converta-o para WebP de graça →
Precisa na outra direção? Converter para PNG → e Imagem para JPG → também estão disponíveis.