WebP, aquele grande desconhecido

Nota (2026): Este artigo reflete a situação quando foi escrito. Hoje o WebP funciona em todos os navegadores atuais, então a maioria dos sites não precisa mais dessas soluções.

Introdução

#

WebP é um novo formato de imagem que oferece compressão com e sem perdas para imagens na web:

• Imagens WebP sem perdas ocupam 26% menos espaço do que PNGs.
• Imagens WebP com perdas são de 25% a 34% mais baratas do que JPEGs com índice SSIM equivalente.
• Suporta transparência sem perdas (também chamada de canal alfa) com apenas 22% de bytes adicionais.
• A transparência também funciona com compressão com perdas e normalmente resulta em arquivos 3 vezes menores que o PNG quando a perda é aceitável nos canais vermelho, verde e azul.

Apesar disso, o WebP não é um formato amplamente utilizado hoje, provavelmente porque Internet Explorer e Firefox não o suportam. Mas temos opções que podem resolver tanto no cliente quanto no servidor. Vamos analisar mais de perto.

No cliente

#

Se nossa capacidade de processamento e armazenamento no servidor forem limitadas, podemos deixar esse processo para o navegador com bibliotecas como o WebPJS.

No servidor

#

Também podemos realizar as operações necessárias no servidor:

• Apache ou NGINX: podemos usar o PageSpeed, que é capaz de servir páginas com ou sem WebP, dependendo do navegador que faz a solicitação.
• C#: O ImageProcessor é capaz de realizar conversões entre formatos em tempo real. O próprio Google também explica como trabalhar com WebP em C#.

Conclusão

#

Esse formato é, na minha opinião, o melhor formato de imagem atualmente disponível, e navegadores como o Firefox deveriam incluir suporte, já que sua licença é gratuita (BSD). O Internet Explorer também deveria incorporá-lo, embora, como empresa privada seja responsável, seja livre para cometer erros e, embora deva, não precisa responder à comunidade.