Neste teste, WebP foi o menor, com 268.434 bytes, seguido de JPG com 287.599 e PNG com 3.449.964. Isso não significa que WebP sempre vença ou que PNG seja ruim. Esta cena detalhada favoreceu a codificação fotográfica com perdas em vez de PNG sem perdas.
Passo a passo
- Comece do mesmo original e mantenha as dimensões em todas as execuções.
- Defina objetivo e largura máxima em 0 e qualidade inicial em 82. Exporte JPG, PNG e WebP separadamente.
- Compare bytes exatos, texto, transparência, gradientes e compatibilidade no destino real.
Uma comparação controlada
Usamos o PNG costeiro de 2.976.317 bytes a 1536 × 1024, com água, nuvens, árvores, telhados e transições de cor. Objetivo e largura máxima ficaram em 0. Só o formato mudou; 82 foi a qualidade inicial dos formatos com perdas.
WebP ficou 19.165 bytes menor que JPG, cerca de 6,66% do resultado JPG. PNG cresceu 473.647 bytes porque a nova codificação sem perdas foi menos eficiente que a original. O nome do formato não garante redução.
| Saída | Tamanho exato | Mudança em relação ao original | Vantagem comum |
|---|---|---|---|
| JPG | 287.599 bytes | 90,34% menor | Compatibilidade para fotos |
| PNG | 3.449.964 bytes | 15,91% maior | Bordas sem perdas e alfa |
| WebP | 268.434 bytes | 90,98% menor | Entrega web leve |
Por que PNG ficou maior neste caso
PNG preserva informação sem a perda perceptual usada pelo JPG e pelo WebP deste teste. Isso ajuda em transparências, diagramas e texto nítido, mas custa bytes em cenas com texturas finas e variação de cor.
Não há uma penalidade fixa para PNG. Um logotipo simples, com poucas cores chapadas, pode ficar menor em PNG. O teste descreve esta fonte, não todas as imagens.
Quando escolher JPG
Use JPG para fotos destinadas a software antigo, sistemas de escritório, impressão ou formulários conservadores. Ele não preserva transparência e edições e salvamentos repetidos podem acumular perdas.
Aqui JPG custou apenas 19.165 bytes a mais que WebP. Essa diferença pode valer a pena quando o destino pede JPG ou você não controla o software do destinatário.
Quando escolher PNG
Escolha PNG para transparência, capturas, desenhos de linhas e gráficos em que bordas exatas importem mais que o menor download. Não converta um logotipo transparente para JPG sem querer adicionar um fundo.
Se o novo PNG ficar maior, mantenha o original. Concluir a codificação não significa reduzir o arquivo. Usar PNG faz sentido quando o formato em si é um requisito.
Quando escolher WebP
Experimente WebP para sites e aplicativos que o aceitem e precisem de fotos leves. Ele também preserva transparência, mas gráficos convertidos com perdas precisam de inspeção visual.
A interface mostrou 262 KB; a medição exata foi 268.434 bytes. WebP foi o menor neste caso, mas conteúdo e configurações podem mudar a classificação.
Como comparar de forma justa
Use o mesmo original a cada tentativa, mantenha largura e altura e aplique o mesmo ponto de partida de qualidade nos formatos com perdas. Registre bytes exatos, não só KB arredondados.
Confira transparência, texto, gradientes e bordas a 100% e teste no site, formulário ou software real. Guarde os arquivos mestres adequados à edição e escolha o formato de entrega para cada tipo de imagem.
Perguntas frequentes
WebP sempre é menor que JPG?
Não. Conteúdo e ajustes podem inverter o resultado. O destino também precisa aceitar WebP.
Por que um PNG comprimido pode crescer?
Codificadores sem perdas podem gerar tamanhos diferentes. Fotos detalhadas podem custar muitos bytes. Se crescer, mantenha o original.
Qual formato usar em um logotipo transparente?
PNG é uma escolha conservadora. WebP também aceita alfa, mas confira transparência e compatibilidade. JPG não suporta transparência.
Devo converter todas as imagens do site para WebP?
Não necessariamente. Capturas, ícones transparentes e fotos têm necessidades distintas. Preserve os mestres de edição e decida por imagem.