PNG, JPG ou WebP: o que muda ao converter uma imagem

Escolha por conteúdo e transparência, depois compare a saída sem assumir que ela sempre será menor.

Guia práticoAtualizado Tempo estimado de leitura: 3 min
Nesta página

Combine o formato com o conteúdo

PNG usa compressão sem perdas e pode preservar a transparência. É útil para capturas de tela, gráficos e logotipos. JPG usa compressão com perdas e não tem canal transparente.

O WebP pode fornecer arquivos compactos e transparência, mas o modo de exportação e a matéria de qualidade. Renomear uma extensão é insuficiente: a imagem deve ser codificada no formato escolhido.

Transparência e qualidade

Converter uma imagem transparente em JPG requer um fundo opaco. Verifique bordas e texto contra ele, especialmente em logotipos.

Menor qualidade de JPG ou WebP pode perder detalhes ou introduzir artefatos. Converter um JPG já compactado em PNG não recupera informações perdidas e pode ampliar o arquivo.

  1. Abra a imagem e inspecione suas dimensões.
  2. Escolha um formato compatível com o uso pretendido.
  3. Converter e comparar tamanho e aparência com o original.
  4. Verifique transparência, texto pequeno e gradientes.

Metadados e compatibilidade

As exportações do navegador podem alterar ou remover metadados e perfis de cores. Não assuma que todas as câmeras, locais ou campos de autor estão preservados.

Teste a imagem em seu aplicativo de destino. Mantenha o original e compare o download: uma saída não é necessariamente menor.

Critérios para revisar e entregar o resultado

Uma comparação de formato precisa de fontes representativas. Teste uma fotografia, uma captura de tela e um gráfico transparente separadamente. Exporte cópias e inspecione detalhes, antecedentes e bytes em cada um. O formato que reduz uma foto de forma mais eficaz pode não se adequar a um logotipo. Verifique se o sistema de recebimento aceita WebP ou requer PNG ou JPG antes de escolher apenas pelo tamanho. A compatibilidade e as propriedades retidas devem guiar a decisão ao lado da economia de byte.

Perder transparência pode mudar a forma como um recurso se encaixa em uma página. Inspecione a cópia em seu fundo real, em vez de apenas uma prévia do editor branco. Mantenha a origem e valide o fluxo de trabalho de edição apropriado quando perfis ou metadados forem necessários. Revise as dimensões para publicação também, já que a conversão de formato não substitui o redimensionamento. Evite encadear exportações perdidas durante as configurações de teste; retorne à fonte para cada comparação. Gravar formato e finalidade em nomes de variantes ou documentação. Uma escolha útil responde à compatibilidade, propriedades visuais e tamanho medido sem assumir que uma extensão é sempre melhor. Inspecione a página implementada ou o pedido de recebimento após o upload, porque um arquivo localmente aceitável pode ser tratado de forma diferente pelo destino.

EXPERIMENTE

Escolha um formato com base no resultado

Carregue a imagem da amostra. Tente PNG primeiro e depois JPG. Contém vermelho, azul e uma pequena área transparente no canto inferior direito.

PNG mantém a transparência. JPG preenche a região transparente com branco e compressão pode mudar ligeiramente as cores perto das bordas.

A conversão de formato não garante arquivos menores. Compare downloads e mantenha um formato de suporte à transparência quando o plano de fundo deve permanecer visível.