Ir para o conteúdo
OneKitly

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

Daniel OkonkwoProgramador front-end e redator de Tecnologia na OneKitly

Desempenho web · Formatos de ficheiro

Verificado a partir de 2 fontes

Ver perfil
Em resumo

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.

JPG, PNG e WebP num relance
FormatoCompressãoTransparênciaIdeal paraTamanho
JPGCom perdasNãoFotosPequeno
PNGSem perdasSimLogótipos, ícones, capturasGrande
WebPCom e sem perdasSimQuase tudo na webO mais pequeno (25–35% < JPG/PNG)
Conversor de imagemConverte as tuas imagens para PNG, JPG, WebP, AVIF, BMP, GIF, TIFF ou ICO, em lote e sem enviar nada.Experimentar a ferramenta

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
TutorialComo comprimir uma imagem sem perder qualidadeImagens mais pequenas carregam mais depressa e posicionam melhor. Eis como reduzir uma imagem com critério — formato, resolução e nível de compressão — sem perda visível.TutorialO que os dados EXIF revelam e como removê-los corretamenteUm ficheiro de fotografia transporta coordenadas, uma marca temporal exata, o aparelho e a objetiva, e nalgumas câmaras um número de série. Eis o que está realmente no bloco, o que a limpeza resolve e não resolve, e como verificar que funcionou.GuiaFavicons: que tamanhos precisa realmente em 2026Cinco ficheiros cobrem todos os consumidores que existem: o separador, o favorito, o mosaico afixado, o ecrã inicial Android e o ecrã inicial iOS. As listas de vinte ficheiros são uma matriz de navegadores morta — com medições do que um ícone de 16 píxeis consegue e não consegue conter.ComparaçãoJPEG, PNG, WebP ou AVIF: que formato e porquêDuas propriedades decidem o formato — fotográfica ou de tons chapados, e se precisa de alfa ou de animação. Tudo o resto decorre daí. Com os tamanhos medidos das mesmas duas imagens nos quatro formatos.TutorialConverter entre PNG e JPG sem perder o que importaOs dois sentidos falham de forma oposta. PNG para JPG achata em silêncio a transparência sobre uma cor de fundo que o conversor escolhe — obtivemos branco com uma ferramenta e preto com outra no mesmo ficheiro. JPG para PNG não recupera nada e custou até 11,4 vezes os bytes.TutorialRedimensionar uma imagem para cada rede sem a deformarMedido no próprio redimensionador: «Preencher» é um recorte centrado sem ponto de interesse, e uma foto vertical perde 38,9 % em cima para um banner do tamanho do X. E ainda as dimensões publicadas atuais, cada uma com a data em que foi verificada.

Ferramentas relacionadas

Fontes

Detetaste um erro neste artigo?