PNG vs. JPEG vs. WebP vs. AVIF: escolhendo um formato de imagem de propósito

Um formato sem perdas arquiva cada pixel exatamente; um formato com perdas descarta detalhe que o olho mal registra em troca de um arquivo drasticamente menor. A escolha não é esnobismo de qualidade — é sobre para que o arquivo serve: um master que você vai editar de novo, ou um artefato de entrega que você envia uma vez.

Uma ressalva honesta para pipelines de navegador: o codificador do Canvas não expõe uma opção de WebP sem perdas, então em ferramentas locais «saída sem perdas» na prática significa PNG. Um espaço de trabalho que oferece um nível sem perdas falso está dizendo algo sobre sua honestidade.

• Sem perdas guarda tudoSem perda (PNG e modos sem perda de WebP e AVIF): decodificar reproduz os pixels codificados. Recodificar sem editar em um formato sem perda não acrescenta perda de compressão; alterar os pixels ainda é uma edição.
• Com perdas gasta detalheCom perdas (JPEG e os modos com perdas de WebP e AVIF): o codificador modela a visão humana e descarta o que prevê que você não vai sentir falta — e a economia é permanente, não uma camada que você possa descascar depois.
• Masters vs. entregasA divisão prática: mantenha masters sem perdas, entregue versões com perdas e nunca trate uma exportação com perdas como fonte da próxima edição.

Formatos de compressão se especializam. A transformada de cossenos do JPEG adora gradientes fotográficos suaves e destrói bordas nítidas; o deflate do PNG adora sequências de cor chapada e linhas exatas e infla fotografias ruidosas; WebP e AVIF pegam truques de codecs de vídeo que lidam razoavelmente bem com os dois.

O pareamento errado é caro nas duas direções: um PNG fotográfico pode ser de cinco a dez vezes mais pesado que um JPEG equivalente, enquanto um logotipo salvo como JPEG ganha halos que nenhum aumento de qualidade remove por completo.

• FotografiasFotografias e gradientes: JPEG numa qualidade moderada é drasticamente menor que PNG, e a perda é invisível no tamanho de entrega — é exatamente a carga de trabalho para a qual os formatos com perdas foram feitos.
• Gráficos chapadosLogotipos, ícones, capturas de interface e arte de linha: regiões chapadas e bordas nítidas comprimem perfeitamente em PNG, enquanto o JPEG cria anéis visíveis em volta de cada transição dura que encontra.
• Conteúdo mistoConteúdo misto, como uma captura de tela com uma foto dentro: teste os dois — WebP muitas vezes fica entre os dois formatos mais antigos, mas quem decide é a mistura de pixels, não o rótulo da caixa.

Se o layout precisa que o fundo apareça através da imagem, o formato precisa carregar um canal alfa. PNG, WebP e AVIF suportam transparência; JPEG não — achatar a imagem sobre um fundo sólido é obrigatório, não opcional.

• Alfa é por pixelUm canal alfa armazena opacidade por pixel junto à cor, e é isso que permite a um logotipo ficar limpo sobre qualquer fundo em vez de sobre um retângulo branco.
• JPEG achataConverter um PNG transparente para JPEG substitui o alfa por um fosco sólido; escolha essa cor de fosco deliberadamente, porque ela se torna permanente nos pixels.
• Escolha o foscoO Conversor de Formato de Imagem divulga esse achatamento e pede a cor de fundo a usar, então a troca é explícita em vez de descoberta depois no layout.

WebP decodifica em todo navegador atual; AVIF decodifica no Chrome, Firefox e Safari atuais, mas não em navegadores mais antigos nem em toda ferramenta posterior. Suporte é uma propriedade do destino, não do formato — verifique o pipeline real antes de comprometer um conjunto inteiro de entrega.

Para entrega web, a resposta padrão é uma cadeia de fallback: sirva AVIF ou WebP com um fallback JPEG ou PNG pelo elemento picture, para que navegadores modernos coletem a economia e todo o resto ainda renderize.

• O destino decideO suporte de codificação fica atrás do de decodificação: alguns navegadores exibem WebP, mas não conseguem codificá-lo via Canvas, então um conversor precisa sondar a capacidade em vez de presumir.
• Codificação precisa de sondagemO Conversor de Formato de Imagem roda exatamente essa sondagem no início e desativa a exportação WebP onde a codificação está faltando, em vez de entregar silenciosamente um PNG com nome .webp.
• Tratamento honesto de AVIFEntrada AVIF só é aceita quando o navegador realmente a decodifica; quando não consegue, o espaço de trabalho diz isso e pede que você exporte PNG ou JPEG primeiro, em vez de confiar na assinatura do arquivo.

Cada salvamento com perdas requantiza uma imagem já aproximada, então os artefatos se empilham: o terceiro salvamento JPEG da mesma foto é visivelmente pior que o primeiro na mesma configuração de qualidade. Converta uma vez, no fim do pipeline, a partir da melhor fonte que você tiver.

A regra do acúmulo também decide a ordem das operações: cada reamostragem e cada recodificação é um evento separado de perda, então o pipeline mais barato é o que tem menos passos com perdas.

• Converta uma vezEdite num master sem perdas e exporte a cópia com perdas como passo final; cada salvamento intermediário com perdas é uma geração de dano que você não pode desfazer.
• Efeitos colateraisUma recodificação via Canvas também descarta o perfil de cor ICC, os metadados EXIF e qualquer animação — um GIF chega como seu primeiro quadro, o que o espaço de trabalho divulga ao lado do arquivo.
• Guarde o originalGuarde o original após a conversão; o arquivo convertido é um artefato de entrega, não um master, e converter de volta nunca restaura o que foi gasto.

Conselho sobre formato é uma hipótese até que os bytes digam o contrário. O Conversor de Formato de Imagem informa os tamanhos em bytes de antes e depois exatamente como produzidos, com qualidade JPEG e WebP ajustável de 0.50 a 0.95 (0.85 por padrão), então o trade-off é um número na tela em vez de folclore.

• Converta o arquivo realConverta o arquivo real, não uma amostra: a economia de bytes depende do conteúdo real, e o relatório mostra os dois tamanhos lado a lado.
• Pixels são a alavancaQuando os bytes ainda não cabem no orçamento, os pixels são a próxima alavanca: reduzir largura e altura pela metade remove cerca de três quartos deles, muitas vezes uma vitória maior que qualquer troca de formato.
• Limites conhecidosPara imagens raster comuns, ambas as ferramentas aceitam até 12 MiB. O conversor aceita HEIC/HEIF separadamente até 25 MiB; imagens decodificadas têm limite de 8.192 pixels por lado e 24 milhões de pixels no total. O redimensionador pode manter as proporções.

Amostras sintéticas do Toolars · atualizadas em 2026-09-13. Elas demonstram o fluxo de trabalho, não a qualidade de fotos ou digitalizações reais nem a aceitação de uma plataforma.

Use o mesmo PNG de 600 × 400 como entrada controlada. No conversor de formato de imagem, exporte JPEG e WebP separadamente. Compare os bytes baixados e os gradientes visíveis no zoom de 100%; não infira a qualidade apenas pelo nome do arquivo ou pela pré-visualização. Esta imagem sintética opaca não testa o tratamento de transparência nem o detalhe fotográfico. Guarde o original para comparação posterior.

Baixar amostra de entrada