WebP vs PNG
O WebP é um formato moderno para a web com modos com e sem perdas; o PNG é um formato sem perdas com suporte universal.
O WebP e o PNG suportam transparência alfa completa, mas resolvem problemas diferentes. O WebP, desenvolvido pela Google, oferece um modo com perdas (baseado na codificação intra do VP8) e um modo sem perdas, o que permite gerar arquivos muito menores para fotos e gráficos na web. O PNG é um formato exclusivamente sem perdas, com suporte praticamente universal em navegadores, sistemas operacionais e softwares de edição, o que o torna a escolha segura por padrão quando você não consegue controlar como o arquivo será aberto.
| WebP | PNG | |
|---|---|---|
| Compressão | Modos com e sem perdas | Apenas sem perdas |
| Transparência (alfa) | Alfa completo de 8 bits em ambos os modos | Alfa completo de 8 bits + transparência de paleta de 1 bit |
| Animação | Suportada (múltiplos quadros, como o GIF animado) | Não suportada (use APNG, um formato separado) |
| Profundidade de cor | 8 bits por canal (cor de 24 bits, sem 16 bits/HDR) | Até 16 bits por canal; modos em tons de cinza e indexado |
| Tamanho típico do arquivo | Menor que o PNG na maioria das imagens; ~25-35% menor que o JPEG (com perdas) | Maior; eficiente apenas para gráficos chapados, texto e capturas de tela |
| Suporte | Todos os principais navegadores atuais; algumas ferramentas antigas não o suportam | Universal em navegadores, sistemas operacionais e softwares de imagem |
Escolha WebP quando
- Você vai publicar imagens na web e quer arquivos menores e páginas que carregam mais rápido
- Você precisa de transparência ou animação, mas quer uma compressão melhor que a do PNG ou do GIF
- Você vai servir conteúdo fotográfico em que a compressão com perdas é aceitável
- Seu público usa navegadores atuais, que todos suportam WebP
Escolha PNG quando
- Você precisa de compatibilidade garantida com qualquer navegador, sistema operacional ou software antigo
- A imagem é um logotipo, ícone, captura de tela ou arte de linha com bordas nítidas e cores chapadas
- Você exige qualidade sem perdas ou profundidade de cor superior a 8 bits (até 16 bits/canal)
- O arquivo será editado repetidamente e não pode se degradar a cada salvamento
Use WebP para imagens entregues na web, onde seus arquivos menores aceleram o carregamento das páginas enquanto preservam a transparência e suportam animação. Use PNG quando precisar de máxima compatibilidade, qualidade sem perdas, maior profundidade de bits ou um formato que qualquer ferramenta consiga abrir. Um fluxo de trabalho comum é manter um arquivo PNG original e exportar WebP para publicação.