1º Lugar - WEBP. Como regra geral, para uma imagem "padrão", não vetorial, o menor formato de imagem suportado por todos os principais navegadores modernos é o formato WEBP de última geração - capaz de reduzir o tamanho de arquivos de imagem em 30% a mais que o JPEG (mantendo o mesmo índice de qualidade SSIM) e em 90% a mais que imagens PNG, mantendo uma aparência de alta qualidade comparável.

2º Lugar - O formato de imagem JPEG fica entre o WEBP e o PNG em termos de compressão de tamanho de arquivo.

3º Lugar - O formato PNG normalmente produz arquivos de maior tamanho. Existem, claro, exceções, dependendo das particularidades da imagem.

Comparação entre tamanhos relativos de imagem (e qualidade) dos formatos de imagem PNG, JPEG e WEBP:

Compressão de Imagens Explicada

Quer saber mais sobre a compressão? Confira as seguintes seções para maiores detalhes:

• Compressão PNG Explicada
• Compressão JPEG Explicada
• Compressão GIF Explicada

Conversão de Imagens Explicada

Quer saber mais sobre quando, por que e como converter entre diferentes formatos de imagem? Confira as seguintes seções para maiores detalhes:

• PNG vs. JPEG - Qualidade vs. Compressão
• JPEG vs. WEBP - Universal vs. Next-Gen

1. Arraste e solte sua(s) imagem(s) PNG em qualquer lugar da página e selecione Converter imagem(s) para JPEG.
2. Sua(s) imagem(s) PNG será(ão) instantaneamente convertida(s) em lote para arquivos JPEG otimizados, resultando em uma redução considerável no tamanho de arquivo.
3. Na maioria dos casos, imagens PNG convertidas em JPEG serão 90% menores em tamanho de arquivo.

Há casos específicos onde é melhor usar JPEG ou PNG, dependendo de suas necessidades.

Imagens JPEG realizam uma compressão com perda de dados, o que significa que alguns dados da imagem são perdidos através de aproximações, a fim de atingir um maior grau de compressão. Como resultado, a qualidade de sua imagem pode sofrer.

Quando JPEG é melhor

O formato JPEG é particularmente adequado para fotografias e imagens do "mundo real", sendo capaz de proporcionar um grau muito alto de compressão de dados, enquanto o olho humano ainda é incapaz de perceber o ruído introduzido pela perda de dados.

Quando PNG é melhor

Imagens PNG, por outro lado, contêm dados de compressão sem perdas, e é mais adequado para ambas:

• Compressão de ícones pequenos (imagens PNG de 64 pixels comprimem melhor que JPEG nestas dimensões), ou
• Screenshots, ilustrações, gráficos ou outras imagens onde a qualidade e a redução de ruídos são mais importantes que o tamanho do arquivo de imagem.

Ilustração de ruídos perceptíveis introduzida pela compressão JPEG com perdas vs. compressão PNG sem perdas:

Sempre que a redução do tamanho do arquivo de imagem for considerada importante, por exemplo, imagens em páginas web, a conversão de PNG para JPEG (ou WEBP) deve ser considerada.

Tempos de carregamento são importantes para UX e SEO, e as imagens compõem, em média, 50% do peso total de uma página web, ocupando uma porção significativa do tempo de carregamento das páginas. Quanto mais rápido o site, mais seus usuários irão interagir com ele, tornando sua indexação mais fácil e sua classificação no Google mais alta.

1. Arraste e solte suas imagens JPEG (ou PNG) em qualquer lugar da página e elas serão instantaneamente convertidas em lote para imagens WEBP otimizadas, resultando em uma redução considerável em seu tamanho de arquivo.
2. Na maioria dos casos, as imagens convertidas em WEBP atingirão a máxima compressão possível sem nenhuma perda perceptível na qualidade da imagem.

Em praticamente todas as métricas importantes da web, o WEBP é um formato de imagem superior ao JPEG:

1. O WEBP oferece uma razão qualidade/tamanho superior, com uma compressão de tamanho de arquivo cerca de 30% melhor que o JPEG.
2. Ao comprimir para tamanhos de arquivo substancialmente menores que o JPEG, o WEBP ainda oferece uma qualidade visual idêntica à do formato JPEG.
3. WEBP oferece suporte à animações - JPEG não.
4. WEBP oferece suporte à transparência alfa - JPEG não.
5. WEBP oferece suporte ao carregamento progressivo - assim como o JPEG.
6. O WEBP é suportado por todos os principais navegadores atuais.
7. WEBP suporta a compressão de imagem com e sem perdas - enquanto a compressão JPEG é sempre com perdas.

O formato de imagem WEBP foi desenvolvido pelo Google e, embora já exista há alguns anos, ainda é considerado o formato de imagem superior para a web. Há algumas ressalvas, no entanto, particularmente para o uso não-web:

1. Como um formato de imagem muito mais recente que o já estabelecido formato JPEG, o WEBP ainda não é suportado pelo Microsoft Office e muitas outras aplicações desktop amplamente utilizadas.
2. JPEG é um formato de imagem bem mais ubíquo, virtualmente garantindo suporte em uma ampla gama de aplicações e plataformas.

O WEBP possui múltiplas vantagens sobre o JPEG:

1. compressão superior
2. suporta a transparência alfa
3. suporta animações

Exemplos de recursos WEBP de animação e transparência alfa: