WebP vs JPG vs PNG: que formato de imagem usar?
Publicado a 11/12/2025 · 3 min de leitura · Ferramentas de imagem e design
Daniel Okonkwo — Programador front-end e redator de Tecnologia na OneKitly
Desempenho web · Formatos de ficheiro
Verificado a partir de 2 fontes
Use WebP por padrão na web: costuma ser 25–35% menor que JPG ou PNG com a mesma qualidade, suporta transparência e funciona em todos os navegadores modernos. Guarde o JPG para máxima compatibilidade em fotos, e PNG ou WebP sem perdas quando precisar de bordas nítidas ou transparência.
JPG, PNG e WebP vencem em casos diferentes. Veja quando usar cada um para o melhor equilíbrio entre qualidade, tamanho e compatibilidade.
JPG — fotos e ficheiros pequenos
O JPG usa compressão com perdas que reduz muito as fotografias com pouca perda visível. É ideal para fotos e imagens complexas, mas não suporta transparência e degrada-se um pouco a cada nova gravação.
PNG — transparência e bordas nítidas
O PNG é sem perdas e suporta transparência, sendo a escolha certa para logótipos, ícones, capturas e gráficos com texto ou bordas nítidas. Em troca, os ficheiros são muito maiores que o JPG para fotos.
WebP — o versátil moderno
O WebP suporta compressão com e sem perdas, além de transparência, e costuma ser 25–35% menor que JPG ou PNG com a mesma qualidade. Todos os navegadores modernos o suportam; mantenha um recurso JPG ou PNG apenas para clientes muito antigos. Use WebP por padrão na web, JPG para máxima compatibilidade em fotos e PNG quando precisar de transparência sem perdas.
Quão menor é o WebP, na realidade?
Os próprios testes da Google colocam o WebP sem perdas cerca de 26% menor que o PNG, e o WebP com perdas 25–34% menor que o JPEG com a mesma qualidade. A poupança é maior em fotos e imagens detalhadas, onde cada kilobyte conta para a velocidade de carregamento e os Core Web Vitals. Em gráficos pequenos e planos a poupança absoluta é menor — um ícone de 2 KB tem pouco a cortar.
Compatibilidade de navegadores e alternativas
O WebP funciona em todos os navegadores atuais — Chrome, Firefox, Edge, Safari e as versões móveis. Se ainda suporta clientes muito antigos, sirva-o através do elemento HTML picture com um JPG ou PNG como alternativa num source: os navegadores modernos recebem WebP e os restantes o formato clássico. Na prática, para a maioria dos sites hoje um WebP simples é seguro.
Quando não usar WebP
O WebP é feito para a web, não para tudo. Para impressão, os formatos CMYK como TIFF ou um PDF de qualidade continuam a mandar, e alguns clientes de email e ferramentas de design antigas podem tropeçar nele. Se um gráfico já pesa apenas alguns kilobytes em PNG otimizado, convertê-lo para WebP rende pouco e acrescenta um passo ao seu fluxo. A regra: use WebP em fotos reais e imagens de interface detalhadas servidas a navegadores, e mantenha os formatos clássicos onde a compatibilidade ou a qualidade de impressão importa mais que os bytes.
| Formato | Compressão | Transparência | Ideal para | Tamanho |
|---|---|---|---|---|
| JPG | Com perdas | Não | Fotos | Pequeno |
| PNG | Sem perdas | Sim | Logótipos, ícones, capturas | Grande |
| WebP | Com e sem perdas | Sim | Quase tudo na web | O mais pequeno (25–35% < JPG/PNG) |
Perguntas frequentes
- O WebP é melhor que o JPG?
- Para a web, normalmente sim: o WebP gera ficheiros menores com a mesma qualidade visual e adiciona transparência. O JPG ainda vence quando a compatibilidade universal é o mais importante.
- Converter JPG para WebP perde qualidade?
- O WebP com perdas recomprime, portanto há alguma perda, mas com definições de qualidade equivalentes o WebP mantém mais detalhe por kilobyte que o JPG. Use WebP sem perdas para evitar qualquer perda.
- Que formato é melhor para logótipos?
- PNG ou WebP sem perdas. Ambos mantêm bordas nítidas e transparência, ao contrário do JPG, que desfoca as bordas e não pode ser transparente.
Artigos que podem interessar-lhe
Todos os guias →Ferramentas relacionadas
Fontes
Detetaste um erro neste artigo?