PNG, JPG ou WebP: qual formato de imagem você deve usar?

Use JPG para fotografias, PNG para logos, capturas de tela e tudo o que precisa de transparência, e WebP quando quiser o menor arquivo possível para a web sem abrir mão da qualidade nem do canal alfa. Os três formatos diferem principalmente na forma como comprimem: o JPG usa compressão com perdas e é otimizado para fotos, o PNG é sem perdas e tem transparência, e o WebP faz as duas coisas e ainda vence os outros dois em tamanho. O resto depende da sua imagem específica e de onde ela será usada.

Como cada formato comprime

O JPG (também escrito JPEG) usa compressão com perdas: ele descarta permanentemente os dados da imagem que o olho humano tem menos chance de notar e depois reconstrói uma aproximação quando o arquivo é aberto. Essa abordagem é extremamente eficaz em fotografias, onde os gradientes suaves de cor escondem a perda, mas introduz leves artefatos em forma de blocos ao redor de bordas nítidas e texto. Toda vez que um JPG é salvo de novo, ele é recomprimido, então a qualidade cai um pouco mais a cada edição.

O PNG é sem perdas: ele armazena cada pixel exatamente e reconstrói a imagem bit a bit, não importa quantas vezes você salve de novo. Ele também tem um canal alfa completo de 8 bits, ou seja, transparência suave e variável (um logo pode desaparecer até ficar totalmente translúcido nas bordas). O custo dessa fidelidade é o tamanho: uma fotografia salva como PNG costuma ser de 3 a 10 vezes maior do que a mesma foto em JPG.

O WebP é a opção moderna e oferece os dois modos. No modo com perdas, ele mira o mesmo tipo de conteúdo fotográfico do JPG, mas normalmente é de 25% a 35% menor com qualidade visual equivalente; no modo sem perdas, ele compete com o PNG e gera arquivos cerca de 20% a 30% menores. O ponto crucial é que o WebP mantém um canal alfa nos dois modos, então você tem transparência e arquivos pequenos ao mesmo tempo, algo que nem o JPG nem o PNG tradicional conseguem oferecer.

O que esperar em tamanho de arquivo

Para uma foto típica de 12 megapixels, espere valores aproximados de 3 a 6 MB como JPG de alta qualidade, 15 a 30 MB como PNG e 2 a 4 MB como WebP de qualidade 80. Os números variam conforme o conteúdo (um gráfico de cor chapada comprime muito mais do que uma paisagem cheia de detalhes), mas a ordem (WebP ≤ JPG ≪ PNG para fotos) se mantém de forma consistente em material fotográfico.

O cenário se inverte para gráficos com grandes áreas de cor chapada e poucas cores, como logos, ícones e diagramas simples. Aqui a compressão sem perdas do PNG é eficiente, e um PNG pequeno pode rivalizar com um JPG ou até superá-lo, enquanto o JPG na verdade atrapalha ao borrar as bordas nítidas. O modo sem perdas do WebP ainda leva vantagem sobre o PNG em tamanho, e é por isso que ele virou o padrão para elementos de interface em sites focados em desempenho.

Quando usar cada um

Fotografias e qualquer imagem rica e de tons contínuos: escolha JPG ou WebP com perdas. O JPG continua sendo a opção segura e universalmente aceita para compartilhar, imprimir e enviar por e-mail; o WebP é a melhor escolha quando o destino é uma página web e você controla a marcação, porque o arquivo menor carrega mais rápido.

Logos, ícones, arte de linha e capturas de tela: use PNG ou WebP sem perdas. Essas imagens têm bordas duras e texto que a compressão com perdas do JPG danifica de forma visível, e muitas precisam de transparência, algo que o JPG não consegue armazenar de jeito nenhum. Uma captura de tela de interface salva como JPG fica visivelmente borrada ao redor do texto; a mesma captura em PNG permanece nítida como uma lâmina.

Desempenho na web em específico: use WebP como padrão e mantenha um JPG ou PNG de reserva só se precisar dar suporte a programas muito antigos. O WebP costuma cortar a carga de imagens (muitas vezes a maior parte de uma página) em um quarto ou mais, o que melhora diretamente o tempo de carregamento e o Largest Contentful Paint. Quando for converter, faça isso localmente: nosso conversor de imagens roda inteiramente no seu navegador, então seus originais nunca são enviados a um servidor.

Compatibilidade

JPG e PNG são suportados por praticamente tudo que já foi criado: todo navegador, sistema operacional, editor e impressora. Se você precisa que uma imagem abra de qualquer jeito, esses dois são os formatos mais seguros, e é por isso que continuam sendo a língua franca do compartilhamento de imagens.

O WebP é suportado por todos os navegadores atuais (Chrome, Edge, Firefox, Safari 14+ e todos os navegadores móveis modernos) e pela maioria das ferramentas de design atualizadas. As lacunas que você ainda pode encontrar são aplicativos de desktop mais antigos, alguns sistemas corporativos com software legado e algumas plataformas que rejeitam envios em WebP. Quando isso acontecer, converter o WebP de volta para PNG ou JPG leva segundos e não perde nada que importe.

Dicas de conversão

Converta com intenção, não por hábito. Converter um JPG para PNG não vai restaurar o detalhe que o JPG já descartou; só impede novas perdas, o que é útil antes de editar, mas é desperdício se você só quer arquivar. Converter uma foto em PNG para JPG ou WebP, por outro lado, entrega uma redução de tamanho grande e real. Combine o formato de destino com aquilo que a imagem realmente precisa.

Quando houver conversão com perdas envolvida, controle a qualidade em vez de aceitar um valor padrão. Um ajuste de qualidade entre 75 e 85 é visualmente imperceptível para a maioria das fotos e reduz o tamanho drasticamente; abaixar de 60 começa a aparecer. Como nosso conversor e nosso compressor processam os arquivos no lado do cliente, você pode iterar à vontade (testando formatos e níveis de qualidade diferentes) sem que nenhum arquivo saia do seu dispositivo.

Perguntas frequentes

O WebP é sempre melhor que PNG e JPG?

Para uso na web, geralmente sim: o WebP gera arquivos menores que os dois com qualidade equivalente e tem transparência. As exceções são a compatibilidade com softwares mais antigos e os casos em que você precisa especificamente da aceitação universal do JPG ou do PNG.

Qual formato é melhor para um logo com fundo transparente?

PNG ou WebP sem perdas. Os dois preservam um canal alfa completo para transparência suave. O JPG não consegue armazenar transparência de forma alguma e vai achatá-la sobre um fundo sólido.

Converter JPG para PNG melhora a qualidade?

Não. A conversão não recupera o detalhe que o JPG já jogou fora; ela só interrompe novas perdas em salvamentos futuros. Comece a partir do original se você precisa da máxima qualidade.

Por que meu PNG é muito maior que o JPG?

O PNG é sem perdas e armazena cada pixel exatamente, enquanto o JPG descarta dados. Para fotografias, essa diferença costuma deixar o PNG de 3 a 10 vezes maior. Se o tamanho importa mais que a ausência de perdas, use JPG ou WebP.

Essas ferramentas enviam minhas imagens para algum lugar?

Não. Nosso conversor e compressor de imagens rodam inteiramente no seu navegador, usando o processamento do próprio dispositivo; os arquivos nunca são enviados a um servidor.