O que é WebP? WebP vs PNG vs JPG e quando usar
O que é WebP? É um formato de imagem desenvolvido pelo Google e anunciado em 2010. Um arquivo WebP (.webp) armazena uma imagem com compressão com perdas, baseada no codec de vídeo VP8, ou sem perdas, e os dois modos suportam transparência alfa e animação. O objetivo é simples: arquivos menores que JPG, PNG ou GIF com qualidade visual parecida.
Experimente grátis: Imagem para WebP Gratuito e sem necessidade de conta.
Por isso o WebP virou a escolha padrão de muitos sites, e é por isso que hoje você encontra arquivos .webp ao salvar imagens da web. Este guia explica o que é um arquivo WebP, como WebP vs PNG e WebP vs JPG realmente se comparam, quando o WebP é a escolha errada e como abrir e converter esse formato. Para transformar um PNG ou JPG em WebP agora mesmo, use o conversor de imagem para WebP gratuito, que funciona no seu navegador.
O que é WebP? Como o formato funciona
Um arquivo WebP é um contêiner pequeno (baseado em RIFF, a mesma estrutura usada pelos arquivos de áudio WAV) que guarda um de dois tipos de dados de imagem:
- WebP com perdas comprime a imagem como um único quadro de vídeo VP8. Ele prevê cada bloco de pixels a partir dos vizinhos e armazena só a diferença, e é daí que vem a economia em relação ao JPG. Trabalha em Y'CbCr 4:2:0 de 8 bits, então os detalhes de cor ficam em metade da resolução, como na maioria dos JPGs.
- WebP sem perdas é um codec separado que reproduz cada pixel com exatidão, como o PNG, mas com ferramentas de compressão melhores.
Os dois modos podem ter um canal alfa para transparência, e um arquivo WebP pode conter vários quadros com temporização, o que o torna um WebP animado, um substituto menor para GIFs animados. Uma imagem WebP pode ter até 16.383 × 16.383 pixels.
O WebP também está documentado fora do Google: a RFC 9649, publicada pela IETF em novembro de 2024, descreve o formato e registra o tipo de mídia image/webp que os servidores enviam no cabeçalho Content-Type.
Quanto menores são os arquivos WebP?
A documentação do WebP do Google traz estes números, obtidos em testes próprios:
- Imagens WebP sem perdas são 26% menores que PNGs.
- Imagens WebP com perdas são 25–34% menores que imagens JPEG comparáveis com SSIM equivalente, uma medida de quanto uma imagem se parece com a original.
- A transparência sem perdas custa cerca de 22% de bytes adicionais, enquanto o WebP com perdas e transparência costuma gerar arquivos 3× menores que o PNG.
São médias, não garantias. Aplicando a números reais, uma captura de tela PNG de 200 KB ficaria com cerca de 148 KB como WebP sem perdas (200 × 0,74), e uma foto JPEG de 500 KB ficaria entre uns 330 KB e 375 KB como WebP com perdas. Em uma página com dez fotos de 300 KB (3.000 KB no total), essa mesma faixa significa 1.980–2.250 KB, uma economia de 750–1.020 KB em cada visita sem cache.
Arquivos individuais podem se sair melhor ou pior. Um JPEG que já foi muito comprimido pode até ficar maior ao ser recodificado, então compare sempre o tamanho do resultado com o original.
WebP vs PNG vs JPG vs AVIF
| JPG | PNG | WebP | AVIF | |
|---|---|---|---|---|
| Compressão | Com perdas | Sem perdas | Com e sem perdas | Com e sem perdas |
| Transparência | Não | Sim | Sim | Sim |
| Animação | Não | Só como APNG | Sim | Sim |
| Profundidade de bits | 8 bits | Até 16 bits | 8 bits | 8, 10 ou 12 bits |
| Suporte nos navegadores | Universal | Universal | Todos os navegadores atuais (Safari 14+) | Chrome 85+, Firefox 93+, Safari 16.4+, Edge 121+ |
| Ideal para | Fotos que precisam abrir em qualquer lugar, impressão, e-mail | Capturas de tela, logotipos, arquivos-mestre de edição | Fotos e gráficos para a web, transparentes ou animados | Imagens para a web, com WebP ou JPG como alternativa |
WebP vs PNG
WebP é melhor que PNG? Para um site, geralmente sim. O WebP sem perdas mantém cada pixel de um PNG e, pelos números do Google, fica em média 26% menor, enquanto o WebP com perdas e canal alfa pode reduzir muito mais as fotos de produtos com fundo transparente. O PNG ainda vence em três pontos: abre em qualquer programa já criado, suporta cores de 16 bits para edição de alta precisão e continua sendo o formato mais seguro para um arquivo-mestre que você vai editar de novo. Para capturas de tela com texto colorido pequeno, use WebP sem perdas em vez de com perdas, porque a subamostragem de cor 4:2:0 pode borrar linhas finas vermelhas ou azuis.
WebP vs JPG
Para fotos na web, o WebP com perdas oferece qualidade parecida com um tamanho menor e, ao contrário do JPG, pode ser transparente ou animado. A vantagem do JPG é a compatibilidade: toda câmera, impressora, cliente de e-mail e programa de escritório consegue ler. Se o arquivo vai sair do navegador, o JPG é a escolha mais segura.
O AVIF, baseado no codec de vídeo AV1, é o rival mais novo. Ele suporta profundidades de bits maiores e muitas vezes comprime mais, mas a codificação é mais lenta e o suporte chegou depois. Uma configuração comum é AVIF primeiro, WebP em segundo e JPG por último.
Suporte ao WebP nos navegadores
Todos os principais navegadores atuais exibem WebP, incluindo arquivos sem perdas, transparentes e animados:
- Chrome 32 ou superior, Edge 18 ou superior, Firefox 65 ou superior, Opera 19 ou superior.
- Safari 14 ou superior no macOS 11 Big Sur ou mais recente, e Safari no iOS/iPadOS 14 ou superior.
Só ficam de fora sistemas antigos, como o Internet Explorer ou um Mac preso no macOS 10.15 Catalina. A Pesquisa Google também indexa imagens WebP: as diretrizes de imagens do Google listam BMP, GIF, JPEG, PNG, WebP, SVG e AVIF como formatos suportados.
Quando não usar WebP
WebP é um formato de entrega para telas. Evite-o nestes casos:
- Impressão. O WebP é só RGB, sem modo CMYK, e as gráficas costumam pedir PDF, TIFF ou JPG de alta qualidade.
- Arquivos-mestre de edição. Cada salvamento com perdas descarta um pouco de detalhe. Guarde o PNG, TIFF ou RAW original, ou o arquivo de projeto do seu editor, e exporte WebP só para publicar.
- Arquivos que você envia para outras pessoas. Versões mais antigas de editores de imagem, pacotes de escritório, clientes de e-mail e formulários de upload podem recusar
.webp. Envie JPG ou PNG quando não souber qual software o destinatário usa. - Imagens com mais de 16.383 pixels em qualquer um dos lados, como panoramas ou mapas grandes.
- JPGs muito comprimidos. Recodificar adiciona uma segunda geração de artefatos e pode não economizar nada.
Como usar WebP em um site com alternativa
Como todos os navegadores atuais suportam WebP, um simples <img src="photo.webp"> funciona para quase todo mundo. Para cobrir também navegadores antigos, use o elemento <picture>: o navegador escolhe o primeiro <source> cujo type ele suporta e, se nenhum servir, recorre ao <img>.
<picture>
<source srcset="/images/hero.avif" type="image/avif">
<source srcset="/images/hero.webp" type="image/webp">
<img src="/images/hero.jpg" alt="Poltrona azul em uma sala de estar clara"
width="1200" height="800">
</picture>
Mantenha alt, width e height no <img>, porque eles valem para qualquer arquivo que for carregado. Confira também se o seu servidor envia Content-Type: image/webp; em uma configuração antiga do Apache, talvez seja preciso adicionar AddType image/webp .webp ao .htaccess.
O WebP influencia o SEO principalmente pela velocidade. A métrica Largest Contentful Paint (LCP) das Core Web Vitals muitas vezes é uma imagem de destaque, e um arquivo menor é baixado mais rápido, sobretudo em conexões móveis. Nosso artigo sobre por que a velocidade de carregamento de imagens importa para as Core Web Vitals explica como o LCP é medido e onde entram a compressão e o carregamento lento (lazy loading). Só o formato não resolve uma imagem quatro vezes mais larga que o espaço que ela ocupa.
Como abrir arquivos WebP no Windows e no macOS
Como abrir arquivos WebP depende do seu sistema:
- Qualquer navegador: arraste o arquivo para uma janela do Chrome, Edge, Firefox ou Safari.
- Windows 10 e 11: abra no Fotos ou no Paint. Se o Windows não reconhecer o arquivo, instale a extensão gratuita Webp Image Extensions da Microsoft pela Microsoft Store, que também mostra miniaturas no Explorador de Arquivos.
- macOS 11 Big Sur ou superior: clique duas vezes para abrir na Pré-Visualização; a Visualização Rápida (barra de espaço no Finder) também mostra o arquivo.
Como converter WebP
Como converter WebP depende da direção de que você precisa.
Para WebP, no navegador: o conversor WebP do TimeToTime converte uma imagem PNG, JPG ou outra que o navegador consiga ler, uma de cada vez. Escolha uma qualidade de 1 a 100 (padrão 80), clique em "Converter para WebP" e ele mostra o tamanho do resultado e quanto ficou menor ou maior que o original, por exemplo "67% menor que o original" quando um PNG de 1.250.000 bytes vira um WebP de 412.500 bytes. A transparência é mantida, e a imagem nunca sai do seu dispositivo. Não há modo em lote nem redimensionamento, os metadados EXIF não são copiados e um GIF animado vira uma imagem estática. O Safari pode não conseguir codificar WebP; nesse caso, a ferramenta avisa e salva um PNG, então use Chrome, Edge ou Firefox. Se você também precisar reduzir as dimensões, o Compressor de imagem tem uma configuração de largura máxima e também pode gerar WebP.
Para WebP, na linha de comando: a ferramenta cwebp do Google, do pacote libwebp, converte arquivos avulsos ou pastas inteiras com um script:
cwebp -q 80 in.png -o out.webp
cwebp -lossless logo.png -o logo.webp
-q define a qualidade de 0 a 100 (padrão 75), e -lossless ativa o modo sem perdas.
De WebP para PNG ou JPG: no macOS, abra o arquivo na Pré-Visualização, escolha Arquivo › Exportar e selecione PNG ou JPEG. No Windows, abra no Paint e use Arquivo › Salvar como. Na linha de comando, dwebp in.webp -o out.png gera um PNG.
Perguntas frequentes
O que é um arquivo WebP?
Um arquivo .webp é uma imagem no formato WebP do Google. Pode ser uma foto (com perdas), um gráfico idêntico pixel a pixel (sem perdas), uma imagem transparente ou uma animação curta, e todos os navegadores atuais abrem esse arquivo.
WebP é melhor que PNG?
Para páginas web, geralmente sim: o WebP sem perdas fica em média 26% menor que o PNG, com pixels idênticos. Para arquivos-mestre de edição, imagens de 16 bits e arquivos que outras pessoas precisam abrir em qualquer programa, o PNG é a escolha mais segura.
Converter para WebP reduz a qualidade?
O WebP com perdas descarta parte dos detalhes, como o JPG; com qualidade entre 75 e 85, a diferença é difícil de notar na maioria das fotos. O WebP sem perdas mantém cada pixel. Converter um JPG para WebP sem perdas não recupera os detalhes que o JPG já perdeu.
Por que os sites usam WebP em vez de JPG?
Arquivos menores carregam mais rápido e consomem menos banda, o que ajuda o Largest Contentful Paint. O WebP também suporta transparência e animação, algo que o JPG não faz.
Posso converter WebP de volta para JPG ou PNG?
Sim. Use Exportar na Pré-Visualização no Mac, Salvar como no Paint no Windows ou dwebp na linha de comando. O resultado não pode ser melhor que o WebP, então guarde seus originais sempre que puder.
Experimente grátis: Imagem para WebP Gratuito e sem necessidade de conta.