JPG vs WebP

Com a mesma qualidade visível, o WebP pesa de um quarto a um terço menos.

Escolha JPG quando

JPG quando o arquivo vai ser entregue ou enviado a um sistema que não aceita outra coisa.

Escolha WebP quando

WebP para páginas web. A vantagem de tamanho é real e aparece direto no tempo de carregamento.

O detalhe que pega as pessoas de surpresa

Converter para WebP um JPG que já existe rende menos do que os números prometem: o que o codificador JPEG descartou não está mais lá, e o WebP não tem como devolver. A vantagem inteira só aparece partindo do original.

O que a conversão de JPG para WebP faz de fato

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as JPG.

JPG9 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB65% larger

Uma cena fotográfica — degradês suaves, bordas macias, granulação. Este é o caso para o qual WebP foi feito, ou contra o qual foi feito, e os números mostram qual dos dois. As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as JPG.

JPG6 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB25% smaller

Fundo transparente e um degradê atravessando a forma. WebP ou mantém os dois, ou mantém um, ou preenche a transparência com uma cor sólida — e é essa diferença que pega as pessoas. As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as JPG.

JPG16 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB34% smaller

Cor chapada e bordas duras, como numa interface, num gráfico ou num logo. Comportamento bem diferente do da fotografia acima, e o motivo de a resposta ser "depende do que está no arquivo". As duas imagens são desenhadas por código e codificadas pelo mesmo conversor que roda nesta página, então os tamanhos são a saída do próprio site.

Lado a lado

JPG e WebP comparados linha a linha: o que cada um guarda e o que isso custa.
JPGWebP
Full nameJPEG ImageWebP Image
Extensão.jpg, .jpeg, .jpe.webp
Tipo de mídiaimage/jpegimage/webp
CompressãoCom perdas — o tamanho é comprado com qualidadeUm ou outro, conforme a configuração
Este site consegue gravarSimSim

Decidiu? Converta aqui

De onde vêm estes números

O que esta página afirma sobre JPG and WebP pode ser conferido, e estes são os documentos que resolvem a questão.