JPG vs PNG vs WebP vs AVIF

Os quatro formatos lado a lado

Os pontos fortes de cada formato

O JPG armazena os detalhes finos em blocos de 8 × 8 pixels com precisão reduzida e, normalmente, guarda as cores em uma resolução menor que a do brilho. Em fotos isso passa despercebido; em textos e bordas nítidas, aparecem halos. Cada vez que um JPG é editado e salvo de novo, ele é recodificado, o que normalmente faz perder mais um pouco de detalhe. O número de qualidade é explicado em Configurações de compressão de imagem explicadas.

O PNG é sem perdas e comprime encontrando padrões repetidos e previsíveis; por isso, capturas de tela, gráficos e logotipos ficam pequenos, mas fotos não. Uma foto de 12 megapixels contém 36 milhões de bytes de valores de cor (4.000 × 3.000 pixels × 3 bytes); o ruído da câmera quase não se repete, então o PNG dessa foto costuma ser várias vezes maior que um bom JPG.

O WebP tem um modo com perdas e um modo sem perdas, ambos com transparência. O WebP com perdas armazena as cores com metade da largura e metade da altura, então linhas finas coloridas e textos em vermelho podem parecer menos nítidos. Nenhum dos lados de uma imagem WebP pode passar de 16.383 pixels, o que descarta capturas de tela muito longas; o formato JPG permite até 65.535.

O AVIF vem do codec de vídeo AV1. Para fotos, costuma ser o mais eficiente dos quatro, principalmente em qualidades mais baixas, e pode armazenar cores de 10 ou 12 bits e HDR. A codificação costuma ser mais lenta e, fora dos navegadores, o suporte ainda fica atrás do WebP.

Um exemplo com medições: uma captura de tela, seis arquivos

Desenhamos uma captura de tela de um painel de 1280 × 800 (cores chapadas, texto, um gráfico de barras) e a salvamos com Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) com qualidade 92 nos formatos que usam um nível de qualidade, o mesmo número do valor fixo de 0,92 que o conversor do LeedyBox passa ao navegador. O WebP sem perdas usou a configuração mais lenta, a que comprime mais. É uma única imagem sintética: os codificadores dos navegadores usam outras configurações e geram números diferentes, e fotos se comportam de outro jeito. 1 KB = 1.024 bytes.

Para esta imagem de cores chapadas, o JPG foi a pior escolha: ficou com mais que o dobro do tamanho e deixou de ser exato. O WebP sem perdas manteve todos os pixels e foi o menor, enquanto o WebP com perdas quase não economizou nada. Converter o JPG de volta para PNG não desfez nada: o PNG teve de armazenar exatamente os artefatos do JPG e chegou a 4,5 vezes o tamanho do original.

Um logotipo de 512 × 512 sobre fundo transparente resultou em 31,6 KB em PNG, 18,4 KB em WebP com perdas (com a transparência mantida), 16,6 KB em AVIF, 12,7 KB em WebP sem perdas e 25,2 KB em JPG, com um quadrado branco no lugar da transparência. De novo, o WebP sem perdas gerou o menor arquivo e manteve todos os pixels.

O que a conversão pode e não pode fazer

• Ela não recupera detalhes. Um JPG salvo como PNG continua com os artefatos.
• Converter de um formato com perdas para outro soma perdas. Passar de JPG para WebP ou AVIF codifica de novo os artefatos antigos, então comece pelo melhor original que você tiver.
• A transparência exige um formato que a armazene. O JPG não tem canal alfa, então o conversor do LeedyBox preenche as áreas transparentes com branco ao salvar em JPG ou BMP, e as bordas suaves são misturadas com esse branco. Mantenha logotipos e recortes em PNG ou WebP.
• As dimensões em pixels muitas vezes importam mais. Uma foto de 4.000 × 3.000 exibida em 1.200 × 900 carrega 12 milhões de pixels quando bastariam 1,08 milhão, cerca de 11 vezes mais. Mesmo uma tela com o dobro da densidade de pixels usa só 2.400 × 1.800, ou 4,32 milhões. Veja Redimensionamento de imagens.

Como converter com o Conversor de imagens do LeedyBox

1. Abra o Conversor de imagens e clique em "Escolha os arquivos ou arraste e solte aqui", ou solte as imagens na caixa. PNG, JPG, WebP, BMP, GIF e AVIF são aceitos, desde que o seu navegador consiga abrir o arquivo.
2. Cada arquivo aparece na lista com o tamanho em pixels e um menu de formato que começa em JPG e também oferece PNG, WebP, BMP, AVIF e ICO. Altere o formato de cada arquivo ou use o menu "Definir todos os formatos como..." ao lado de "Opções em lote:" para mudar todos de uma vez. Escolha PNG, WebP ou AVIF para qualquer imagem com transparência.
3. Clique em "Converter e baixar". Uma única imagem é baixada com o nome original seguido de "_converted", como ferias_converted.webp; várias imagens chegam juntas em leedybox_converted_images.zip.

O conversor mantém as dimensões em pixels, exceto no ICO, que é reduzido para caber em 256 × 256 pixels. Ele pede ao navegador a qualidade 0,92 (numa escala de 0 a 1) para JPG, WebP e AVIF, e não há configuração de qualidade. O Chrome e o Edge geram WebP com perdas com esse valor; os codificadores de outros navegadores podem se comportar de outra forma. JPG e BMP recebem fundo branco; o BMP é salvo sem compressão, com 24 bits por pixel, então uma foto de 6.000 × 4.000 vira um arquivo de 72.000.054 bytes. Muitos navegadores não conseguem criar AVIF; o conversor verifica isso quando a página abre e, se o teste falhar, desativa a opção e a mostra como "AVIF (não compatível com este navegador)".

A conversão é feita no seu navegador, e as imagens não são enviadas ao LeedyBox para isso. Cada imagem é redesenhada, então os dados EXIF, a localização GPS e outros metadados não são copiados. Para escolher a qualidade e ver o antes e depois, use Comprimir imagens (JPG, WebP ou PNG, com um controle deslizante de qualidade que começa em 75 ou um tamanho de arquivo desejado); para reduzir as dimensões, use Redimensionar imagens.

Qual formato usar em cada caso

Para imagens em páginas web, veja também Como escolher o formato de imagem certo para a web.

Problemas comuns e como resolvê-los

• O fundo transparente ficou branco. O arquivo foi salvo como JPG, a opção inicial, ou como BMP. Converta de novo para PNG, WebP ou AVIF.
• O arquivo ficou maior. Isso é comum com fotos ou JPGs salvos como PNG e com BMP, que não é comprimido. Use JPG ou WebP para fotos ou mantenha o original.
• Não é possível selecionar AVIF. Seu navegador não consegue criar AVIF. Escolha WebP ou tente outro navegador.
• O ZIP tem menos arquivos do que você adicionou. Ao converter para WebP, logo.png e logo.jpg viram logo_converted.webp, e o arquivo que vem depois substitui o anterior. Renomeie um deles antes.
• Nada foi baixado. Um arquivo falha quando o navegador não consegue criar o formato escolhido: alguns navegadores não conseguem criar WebP, e o formato WebP não permite imagens com mais de 16.383 pixels de largura ou de altura. Imagens muito grandes também podem passar do tamanho de canvas que o navegador consegue processar. Em um lote, um único arquivo com falha interrompe o conversor antes que o ZIP seja criado. Mude o formato desse arquivo ou remova-o.
• Uma animação virou uma imagem estática. Só um quadro, normalmente o primeiro, é mantido.

O que verificar depois

• Veja o resultado em tamanho real: textos, bordas, rostos e degradês.
• Compare os tamanhos dos arquivos; mantenha o original se o novo arquivo não for menor.
• Confira imagens transparentes sobre um fundo claro e sobre um fundo escuro.
• Teste o arquivo onde ele será usado: alguns programas de e-mail e formulários de envio recusam WebP ou AVIF.

Perguntas frequentes