Noções básicas de imagem
JPG, PNG ou WebP? Como escolher o formato de imagem certo
Resposta rápida: use JPG (ou WebP) para fotografias, PNG (ou WebP sem perdas) para capturas de ecrã, texto e tudo o que tenha fundo transparente, e SVG para logótipos e ícones desenhados com formas. Se um formulário, um e-mail ou um programa antigo for exigente, JPG para fotografias e PNG para gráficos são a escolha mais segura. Precisa de outro formato? Converta-o com as ferramentas da Refentra ligadas, no seu navegador. Converter nunca devolve o detalhe que já se perdeu.
Os ficheiros são processados localmente.
Nesta página
Duas perguntas decidem quase tudo
1. É uma fotografia ou um gráfico? As fotografias são feitas de transições suaves de cor, por isso o formato pode descartar pequenos detalhes que não notará (compressão com perdas: JPG, WebP com perdas). Capturas de ecrã, diagramas, logótipos e texto têm bordos nítidos; a compressão com perdas deixa aí desfoque e franjas de cor, pelo que precisam de formatos sem perdas (PNG, WebP sem perdas).
2. Precisa de transparência ou animação? O JPG não guarda píxeis transparentes nem anima. PNG e WebP guardam transparência; WebP e AVIF também animam. O GIF é o formato de animação mais antigo e o menos eficiente.
Que formato para que tarefa
- Fotografia para um sítio ou para partilhar
- WebP ou JPG (AVIF onde for suportado). O WebP com perdas é em média 25–35 % mais pequeno do que o JPEG com qualidade semelhante.
- Captura de ecrã, texto, diagrama
- PNG. O WebP sem perdas é em média cerca de 26 % mais pequeno do que o PNG.
- Precisa de fundo transparente
- PNG ou WebP. O JPG não tem transparência.
- Logótipo ou ícone feito de linhas e formas
- SVG. Escala para qualquer tamanho sem desfocar; não serve para fotografias.
- Animação curta
- WebP ou AVIF animado. GIF só quando nada mais for aceite.
- Formulários, e-mail, programas antigos
- JPG para fotografias, PNG para gráficos. Verifique primeiro os formatos aceites.
Fonte: MDN, Image file type and format guide (em inglês), consultada a 5 de outubro de 2026. As poupanças são médias dessa página; os seus ficheiros vão variar. A Refentra não é afiliada da MDN.
Erros que custam qualidade ou tamanho
- Converter JPG em PNG para «melhorar a qualidade». A imagem continua tão macia como era, mas o ficheiro fica muito maior.
- Guardar uma captura de ecrã como JPG. O texto fica com bordos desfocados e franjas de cor. Use PNG.
- Usar PNG para fotografias. O ficheiro costuma ser várias vezes maior do que um JPG, sem ganho visível.
- Voltar a guardar o mesmo JPG vezes sem conta. Cada gravação perde um pouco mais. Guarde o original e exporte uma cópia uma só vez.
- Enviar WebP onde só se aceita JPG ou PNG. Converta-o antes, veja abaixo.
Converter no seu navegador
- JPG para PNG e PNG para JPG (em zonas transparentes confirma uma cor de fundo).
- WebP para JPG e WebP para PNG quando um sítio ou programa recusa WebP.
- Imagem para WebP e imagem para AVIF para ficheiros de sítio mais pequenos.
Para o seu próprio sítio
A MDN recomenda preferir WebP ou AVIF para imagens raster e prever uma alternativa JPEG ou PNG para os navegadores que não as mostram. O elemento picture trata disso:
<picture>
<source srcset="photo.avif" type="image/avif" />
<source srcset="photo.webp" type="image/webp" />
<img src="photo.jpg" width="1200" height="800" alt="…" />
</picture>Os atributos width e height evitam que o esquema salte enquanto as imagens carregam. Veja também corrigir os avisos de imagens do PageSpeed.
Fontes e método
As propriedades dos formatos e as recomendações vêm da página da MDN ligada, consultada a 5 de outubro de 2026. Os nomes e os limites das ferramentas foram verificados nas ferramentas atuais da Refentra. Este guia foi redigido e revisto com apoio de IA.