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

JPG, PNG e WebP são os três formatos de imagem que você encontra todos os dias. Todos exibem uma imagem, mas a armazenam de formas muito diferentes, e escolher o errado resulta em logotipos borrados, páginas pesadas ou imagens que o programa de que você precisa simplesmente não abre. Este guia explica as diferenças e dá uma regra clara para cada situação comum.

A resposta curta

• JPG para fotos, quando a compatibilidade máxima é importante.
• PNG para logotipos, ícones, capturas de tela e tudo o que precise de contornos nítidos ou transparência.
• WebP para imagens de um site, onde arquivos menores significam páginas mais rápidas.

O resto do artigo explica porquê.

Compressão com perdas e sem perdas

A diferença mais importante está na forma como cada formato comprime a imagem.

• O JPG é com perdas. Descarta detalhes que o olho dificilmente nota, e assim as fotos ficam leves. O preço é que contornos nítidos e cores lisas ganham "artefatos" em blocos ou manchas, e cada vez que você edita e salva de novo um JPG perde mais um pouco de qualidade.
• O PNG é sem perdas. Cada pixel é guardado exatamente. É perfeito para texto, linhas e áreas de cor lisa, mas uma foto salva em PNG costuma ser várias vezes maior do que a mesma foto em JPG.
• O WebP faz as duas coisas. Tem um modo com perdas que compete com o JPG e um modo sem perdas que compete com o PNG. Com a mesma qualidade visual, os arquivos WebP costumam ser menores do que os equivalentes em JPG ou PNG, e foi exatamente para a web que ele foi criado.

Uma consequência útil: converter um JPG em PNG não recupera o detalhe que o JPG já descartou. Apenas evita perdas adicionais se você for continuar editando a imagem.

Transparência

• O JPG não tem transparência. As áreas transparentes são preenchidas com uma cor sólida, normalmente branco ou preto.
• O PNG suporta um canal alfa completo, incluindo bordas suaves e semitransparentes. É a escolha clássica para logotipos sobre fundos coloridos.
• O WebP também suporta transparência alfa, tanto no modo com perdas como no modo sem perdas.

Se você converter um PNG ou WebP transparente em JPG, as partes transparentes serão preenchidas. Tenha isso em conta antes de enviar um logotipo em JPG.

Animação

O JPG e o PNG padrão são imagens estáticas. O WebP também pode guardar animações, o que o torna uma alternativa mais leve ao GIF para loops curtos. Se você converter um WebP animado em JPG ou PNG, obtém um único quadro, não a animação.

Compatibilidade com navegadores e programas

JPG e PNG abrem em qualquer lugar: todos os navegadores, sistemas operacionais, editores de imagem, aplicativos de mensagens e impressoras. O WebP é suportado por todos os principais navegadores atuais, e a maioria dos sistemas e editores modernos consegue abri-lo, mas você ainda vai encontrar programas antigos, formulários de envio e serviços de impressão que o recusam. É o motivo mais comum para converter um WebP em JPG: uma imagem baixada que um programa se recusa a abrir.

Tamanho do arquivo e desempenho web

Num site, o peso das imagens importa. Imagens grandes deixam o carregamento mais lento, sobretudo em conexões móveis, e a velocidade da página afeta tanto os visitantes como o posicionamento nos buscadores. Algumas regras práticas:

• Sirva as fotos em WebP (com perdas) ou, se precisar da máxima compatibilidade, em JPG bem comprimido.
• Sirva logotipos, ícones e gráficos de interface em WebP (sem perdas) ou PNG, ou em SVG se tiver uma versão vetorial.
• Nunca publique uma foto em PNG só porque teria "mais qualidade". O visitante não vai ver a diferença, mas vai esperar por ela.
• Redimensione as imagens para o tamanho em que realmente são exibidas. Nenhum formato compensa uma foto de 4000 pixels mostrada numa caixa de 400.

Qual formato escolher, caso a caso

• Fotos da câmera ou do celular: JPG para compartilhar e imprimir, WebP para o seu site.
• Logotipos e ícones: PNG ou WebP sem perdas; ambos mantêm a transparência e os contornos nítidos.
• Capturas de tela: PNG. Texto e elementos da interface ficam perfeitamente nítidos; o JPG os borra.
• Ilustrações com cores lisas: PNG ou WebP sem perdas.
• Animações curtas: WebP animado em vez de um GIF pesado.
• Imagens para um e-mail, um formulário ou um programa antigo: JPG ou PNG, porque são aceitos em todo o lado.

Converter entre formatos

Você não precisa refazer nada para mudar de formato. Os conversores de imagem do Azpy funcionam inteiramente no seu navegador: as imagens são processadas no seu próprio dispositivo e nunca são enviadas para um servidor. Converta um WebP em JPG quando um programa o recusar, um PNG em WebP para deixar o seu site mais leve ou um JPG em PNG antes de continuar a edição. O limite gratuito destas ferramentas é de 25 MB por arquivo, e você encontra todos os conversores no diretório de ferramentas.

Uma regra rápida

É uma foto? JPG ou WebP. Contornos nítidos ou transparência? PNG ou WebP. Para a web, prefira WebP; para todo o resto, escolha o que o destino aceitar.