Formatos de imagem explicados: JPG, PNG, WebP, AVIF, GIF, BMP e ICO
Qual formato usar para fotos, logos, capturas de tela, páginas web, impressão e redes sociais, e por quê.
Todo formato de imagem é um conjunto de compromissos entre tamanho de arquivo, qualidade, transparência, animação e compatibilidade. Escolha o errado e você terá um arquivo inchado ou um logo embaçado. Este guia explica no que cada formato é bom, com os números de que você precisa para decidir.
Os dois tipos de compressão
A compressão sem perdas guarda cada pixel exatamente e apenas encontra um jeito mais eficiente de escrever os mesmos dados, como faz um ZIP. Abra e salve uma imagem sem perdas mil vezes e ela não muda. PNG, BMP, GIF e o WebP sem perdas funcionam assim.
A compressão com perdas descarta informação, mirando no detalhe ao qual o olho humano é menos sensível: textura fina, diferenças sutis de cor, ruído de alta frequência. O resultado pode ter um décimo do tamanho de um arquivo sem perdas sem diferença visível, mas cada novo salvamento perde um pouco mais. JPG, o WebP com perdas e AVIF funcionam assim.
A regra um decorre diretamente: use formatos com perdas para fotografias, cheias de ruído e textura de que ninguém sente falta, e formatos sem perdas para gráficos com bordas nítidas, cores chapadas e texto, onde cada pixel importa.
Formato por formato
JPG (JPEG)
O formato de foto desde 1992. Com perdas, cor de 8 bits, sem transparência, sem animação. Suportado por tudo o que já foi feito. Um ajuste de qualidade de 0 a 100 controla o compromisso; 80 a 85 é o ponto ideal do dia a dia. Suas fraquezas são o "quadriculado" visível em qualidade baixa, halos em torno de bordas nítidas e a falta de transparência. Use para fotos que vão para qualquer lugar fora de um navegador: e-mail, impressão, marketplaces, softwares antigos.
PNG
Sem perdas, até 16 bits de cor, transparência alfa completa, sem animação (o APNG existe, mas é raro). A escolha certa para logos, ícones, capturas de tela, diagramas, gráficos e qualquer imagem que precise de fundo transparente. Sua fraqueza é o tamanho: uma fotografia em PNG pode ser dez vezes maior que em JPG. Nunca use PNG para fotografias em um site.
WebP
O formato web do Google, hoje suportado por todos os navegadores atuais. Tem modos com e sem perdas, suporta transparência em ambos e suporta animação. O WebP com perdas é cerca de 25 a 35% menor que o JPG na mesma qualidade; o WebP sem perdas é cerca de 25% menor que o PNG. É o melhor formato de uso geral para qualquer coisa exibida em um navegador. Sua fraqueza é a compatibilidade fora do navegador: softwares de desktop antigos, alguns clientes de e-mail e muitos formulários de upload ainda o rejeitam.
AVIF
Mais novo ainda, baseado no codec de vídeo AV1. Normalmente 50% menor que o JPG e 20% menor que o WebP na mesma qualidade, com transparência, animação e suporte a gamas de cor amplas. Suportado por todos os navegadores atuais desde 2024. A codificação é lenta, principalmente no navegador, e o suporte em softwares que não são navegadores ainda é irregular. Use quando o tamanho do arquivo for crítico e você controlar o ambiente de exibição; sirva um WebP ou JPG de reserva ao lado.
GIF
De 1987. Limitado a 256 cores por quadro, transparência de uma única cor e animação, que é o único motivo de ainda estar em todo lugar. Terrível para fotografias, ok para gráficos simples, imbatível em compatibilidade. Para imagens estáticas, o PNG faz tudo o que o GIF faz, só que melhor; para animação, MP4 ou WebP animado são muito menores.
BMP
Bitmap do Windows sem compressão. Arquivos enormes, sem transparência no uso comum, sem compressão. Sobrevive só porque é trivialmente simples de ler, o que importa para dispositivos embarcados e softwares antigos. Nunca use para a web ou para armazenamento.
ICO
O formato de ícones do Windows e de favicons de navegador. Contém vários tamanhos da mesma imagem em um só arquivo para que o certo possa ser escolhido para uma aba, um favorito ou um atalho da área de trabalho. Feito a partir de um PNG com a ferramenta de PNG para ICO.
Tabela comparativa
| Formato | Compressão | Transparência | Animação | Tamanho de foto vs JPG | Compatibilidade |
|---|---|---|---|---|---|
| JPG | Com perdas | Não | Não | 1× | Universal |
| PNG | Sem perdas | Sim, alfa completo | Não | 5 a 10× | Universal |
| WebP | Ambas | Sim, alfa completo | Sim | 0,65 a 0,75× | Todos os navegadores, a maioria dos apps modernos |
| AVIF | Ambas | Sim, alfa completo | Sim | 0,5× | Todos os navegadores atuais, poucos apps |
| GIF | Sem perdas, 256 cores | Sim, tudo ou nada | Sim | 2 a 4× (e qualidade pior) | Universal |
| BMP | Nenhuma | Não | Não | 20 a 30× | Universal, mas raramente usado |
Qual formato para cada tarefa
- Fotos em um site: WebP com qualidade 75 a 85, com um JPG de reserva se precisar suportar navegadores muito antigos. AVIF se quiser as páginas mais leves possíveis.
- Logos e ícones em um site: SVG se tiver; caso contrário, PNG ou WebP sem perdas.
- Capturas de tela: PNG. A compressão com perdas embaça o texto.
- Anexos de e-mail: JPG para fotos, PNG para gráficos. Não envie WebP; muitos clientes de e-mail lidam mal com ele.
- Impressão: JPG com qualidade 95 ou PNG/TIFF, a 300 pixels por polegada do tamanho impresso.
- Redes sociais: JPG ou PNG; toda plataforma recomprime no upload, então envie em alta qualidade e nas dimensões certas.
- Recortes de produto transparentes: PNG para máxima compatibilidade, WebP para a web.
- Favicons: ICO mais um PNG para as telas iniciais de celulares.
Convertendo entre eles
Toda conversão neste site roda no seu navegador. As rotas mais comuns são PNG para WebP e JPG para WebP para a web, WebP para JPG e WebP para PNG por compatibilidade, e PNG para JPG para reduzir fotos exportadas no formato errado. O compressor de imagens lida com qualquer uma delas com suporte a lotes.