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 fotos, PNG (ou WebP sem perdas) para prints, texto e tudo que tenha fundo transparente, e SVG para logotipos e ícones desenhados com formas. Se um formulário, um e-mail ou um programa antigo for exigente, JPG para fotos e PNG para gráficos são a escolha mais segura. Precisa de outro formato? Converta com as ferramentas da Refentra linkadas, no seu navegador. Converter nunca devolve o detalhe que já se perdeu.
Os arquivos são processados localmente.
Nesta página
Duas perguntas decidem quase tudo
1. É foto ou gráfico? Fotos são feitas de transições suaves de cor, então o formato pode descartar pequenos detalhes que você não vai notar (compressão com perdas: JPG, WebP com perdas). Prints, diagramas, logotipos e texto têm bordas nítidas; a compressão com perdas deixa ali borrão e franjas coloridas, por isso eles pedem formatos sem perdas (PNG, WebP sem perdas).
2. Precisa de transparência ou animação? O JPG não guarda pixels 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.
Qual formato para qual tarefa
- Foto para um site ou para compartilhar
- WebP ou JPG (AVIF onde houver suporte). O WebP com perdas é em média 25–35 % menor que o JPEG com qualidade parecida.
- Print, texto, diagrama
- PNG. O WebP sem perdas é em média cerca de 26 % menor que o PNG.
- Precisa de fundo transparente
- PNG ou WebP. O JPG não tem transparência.
- Logotipo ou ícone feito de linhas e formas
- SVG. Escala para qualquer tamanho sem borrar; não serve para fotos.
- Animação curta
- WebP ou AVIF animado. GIF só quando nada mais for aceito.
- Formulários, e-mail, programas antigos
- JPG para fotos, PNG para gráficos. Confira antes os formatos aceitos.
Fonte: MDN, Image file type and format guide (em inglês), consultada em 5 de outubro de 2026. As economias são médias dessa página; os seus arquivos vão variar. A Refentra não é afiliada à MDN.
Erros que custam qualidade ou tamanho
- Converter JPG em PNG para «melhorar a qualidade». A imagem continua tão macia quanto era, mas o arquivo fica bem maior.
- Salvar um print como JPG. O texto fica com bordas borradas e franjas coloridas. Use PNG.
- Usar PNG para fotos. O arquivo costuma ficar várias vezes maior que um JPG, sem ganho visível.
- Salvar o mesmo JPG de novo e de novo. Cada salvamento perde um pouco mais. Guarde o original e exporte uma cópia uma única vez.
- Enviar WebP onde só JPG ou PNG são aceitos. Converta antes, veja abaixo.
Converta no seu navegador
- JPG para PNG e PNG para JPG (em áreas transparentes você confirma uma cor de fundo).
- WebP para JPG e WebP para PNG quando um site ou programa recusa WebP.
- Imagem para WebP e imagem para AVIF para arquivos de site menores.
Para o seu próprio site
A MDN recomenda preferir WebP ou AVIF para imagens raster e prever uma alternativa JPEG ou PNG para navegadores que não as exibem. O elemento picture faz isso:
<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 layout pule 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 linkada, consultada em 5 de outubro de 2026. Os nomes e os limites das ferramentas foram conferidos nas ferramentas atuais da Refentra. Este guia foi escrito e revisado com ajuda de IA.