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

Você salva uma imagem e o computador pede um formato, ou um site avisa que só aceita alguns, e você fica adivinhando. PNG, JPG e WebP são os três que você de fato encontra, e escolher o certo muda o quão boa sua imagem fica e o quão pesado é o arquivo. Aqui está a versão em linguagem simples de quando usar cada um.

O resumo de uma linha

Se você só lembrar de três regras, lembre destas:

• JPG para fotografias.
• PNG para gráficos com texto, bordas nítidas ou transparência.
• WebP quando você quer o menor arquivo para a web e não precisa de máxima compatibilidade.

Tudo abaixo é apenas o raciocínio por trás dessas três linhas.

JPG: feito para fotografias

O JPG (também escrito JPEG) usa compressão “com perdas”, que descarta detalhes que o olho mal percebe para tornar o arquivo dramaticamente menor. Para fotografias, cheias de gradientes sutis e milhões de cores, isso funciona lindamente: um JPG pode ter uma fração do tamanho sem perda visível.

Onde o JPG tem dificuldade é com bordas nítidas e cor chapada. Texto, logotipos e capturas de tela salvos como JPG muitas vezes parecem borrados, com manchas tênues ao redor das partes nítidas. O JPG também não consegue fazer transparência. Então: fotos sim, gráficos não.

PNG: feito para gráficos e transparência

O PNG usa compressão “sem perdas”, o que significa que mantém cada pixel exatamente. Isso o torna perfeito para as coisas que o JPG lida mal:

• Logotipos, ícones e ilustrações com bordas duras.
• Capturas de tela onde o texto precisa permanecer nítido.
• Qualquer coisa com transparência, já que o PNG suporta um fundo vazado.

O trade-off é o tamanho. Uma fotografia salva como PNG pode ser várias vezes maior do que a mesma foto como JPG, sem benefício visível. Então use PNG para gráficos, não para fotos.

WebP: o moderno coringa

O WebP é um formato mais novo do Google que pretende fazer os dois trabalhos, com perdas como o JPG ou sem perdas como o PNG, ao mesmo tempo que produz arquivos notavelmente menores do que qualquer um deles. Ele também suporta transparência e até animação.

Para um site, o WebP costuma ser a melhor escolha: páginas menores carregam mais rápido e ranqueiam melhor. O único problema real é a compatibilidade. O suporte é muito amplo agora, mas alguns programas e fluxos de trabalho mais antigos ainda não aceitam WebP, então, para um arquivo que você vai enviar por e-mail ou entregar a alguém, um JPG ou PNG é a aposta mais segura.

Um guia rápido de decisão

• Colocando uma foto num site? WebP primeiro, JPG como recurso seguro.
• Compartilhando uma foto por e-mail ou com uma pessoa? JPG.
• Salvando um logotipo, ícone ou captura de tela? PNG (ou WebP se for para a web).
• Precisa de transparência? PNG ou WebP, nunca JPG.
• Preocupado com compatibilidade acima de tudo? JPG para fotos, PNG para gráficos.

Como converter entre formatos

Você raramente precisa reexportar a partir do original. O Conversor de Formato de Imagem gratuito transforma uma imagem de um formato em outro em segundos, direto no seu navegador, então o arquivo nunca é enviado a um servidor.

Se o resultado ainda estiver mais pesado do que você quer, passe-o pelo Compressor de Imagem para cortar o tamanho ainda mais, ou pelo Redimensionar Imagem se as dimensões forem maiores do que você precisa. E se você está partindo de um logotipo vetorial, o SVG para PNG lhe dá uma versão raster nítida em qualquer tamanho.

A conclusão

Não há um único melhor formato, apenas o melhor para o trabalho. Fotos querem JPG (ou WebP na web). Gráficos e qualquer coisa transparente querem PNG. E quando a velocidade da web mais importa, o WebP normalmente vence. Quando você erra o palpite, converter é rápido e gratuito, então é um erro fácil de corrigir.