Muita gente escolhe o formato de imagem por hábito — "sempre salvo em JPG" ou "PNG é melhor qualidade" — sem entender o que realmente diferencia um do outro. O resultado é fotos de produto salvas em PNG que pesam 5× mais do que precisariam, logos salvos em JPG com bordas degradadas, e screenshots em JPG com texto ilegível.

Este guia cobre todos os formatos relevantes em 2026: o que cada um é, como o algoritmo de compressão funciona, onde ele brilha, onde ele falha, e a decisão certa para cada caso de uso.

Formatos rasterizados vs vetoriais: a distinção fundamental

Antes de entrar em cada formato, é preciso entender a divisão mais importante: rasterizado vs vetorial.

Imagens rasterizadas (JPG, PNG, WebP, AVIF, GIF, BMP) armazenam a imagem como uma grade de pixels — cada ponto tem uma cor definida. A resolução é fixa: ampliar além do tamanho original cria pixelização porque não existem dados para os pixels novos. É como tentar ampliar uma foto impressa — os pontos de tinta aparecem.

Imagens vetoriais (SVG) armazenam a imagem como instruções matemáticas — "desenhe um círculo de raio 50 na posição X,Y com cor Z". A renderização acontece em tempo real, calculada para qualquer resolução. Escala infinitamente sem perda de qualidade.

A escolha entre rasterizado e vetorial não é questão de preferência — é determinada pelo tipo de conteúdo. Fotografias sempre precisam de formatos rasterizados. Logos, ícones e ilustrações geométricas se beneficiam do vetorial.

Os formatos em detalhe

JPG / JPEG  Joint Photographic Experts Group

Rasterizado Lossy (com perda) Sem transparência Sem animação Compatibilidade: 100%

Criado em 1992 pelo Joint Photographic Experts Group, o JPG foi projetado especificamente para comprimir fotografias de forma eficiente. Seu algoritmo divide a imagem em blocos de 8×8 pixels e aplica a Transformada Discreta de Cossenos (DCT) para representar cada bloco como uma combinação de frequências — descartando as frequências de alta variação que o olho humano percebe menos. O resultado é uma compressão lossy (com perda): parte dos dados originais é descartada permanentemente.

Por que funciona tão bem para fotos: fotografias têm variação de cor suave e gradual — exatamente o tipo de informação que o JPG comprime com mais eficiência. Uma foto de paisagem em JPG com qualidade 80% pode ser 10× menor que o mesmo arquivo sem compressão, com diferença visual imperceptível na tela.

Onde falha: o algoritmo de blocos 8×8 cria artefatos visíveis em bordas nítidas, textos e áreas de cor uniforme. Um logo preto sobre fundo branco em JPG vai mostrar manchas cinzas ao redor das letras — os famosos "JPEG artifacts". JPG também não suporta canal alfa (transparência).

Quando usar: fotografias para web, impressão e e-mail. Fotos de produto, banners, imagens de blog. Qualquer imagem com muitas variações de cor e sem necessidade de transparência.

Quando não usar: logos, ícones, screenshots com texto, imagens com fundo transparente, ilustrações com bordas nítidas, imagens que vão ser reeditadas e resalvas múltiplas vezes.

PNG  Portable Network Graphics

Rasterizado Lossless (sem perda) Transparência total (canal alfa) Sem animação nativa Compatibilidade: 100%

Criado em 1996 como alternativa ao GIF (que tinha restrições de patente), o PNG usa compressão lossless — nenhum dado é descartado. O algoritmo DEFLATE (combinação de LZ77 e Huffman coding) reorganiza os dados de pixel de forma mais eficiente sem jogar nada fora. Isso garante que a imagem descomprimida seja pixel-perfeita em relação ao original, independente de quantas vezes o arquivo é salvo.

O canal alfa: o PNG suporta um quarto canal por pixel além de RGB — o canal alfa, que controla a opacidade de 0 (completamente transparente) a 255 (completamente opaco). Isso permite transparência total, semitransparência e bordas com anti-aliasing suave sobre qualquer fundo.

PNG-8 vs PNG-24 vs PNG-32: PNG-8 usa uma paleta de até 256 cores (como GIF), ideal para ícones simples e imagens com poucas cores. PNG-24 usa cores completas (16 milhões) sem transparência. PNG-32 usa cores completas com canal alfa — é o tipo mais comum quando se fala em "PNG transparente".

Onde falha: para fotografias, PNG é ineficiente — arquivos de fotos em PNG podem ser 3–10× maiores que o equivalente em JPG. A compressão lossless não consegue eliminar a variação de cor de fotografias de forma eficiente.

Quando usar: logos e ícones com fundo transparente, screenshots com texto, infográficos, imagens com áreas de cor uniforme, arte digital com bordas nítidas, imagens que precisam ser reeditadas sem perda acumulada.

Quando não usar: fotografias para web (use JPG ou WebP), imagens que precisam de arquivos pequenos, e-mail marketing onde JPG tem melhor compatibilidade.

WebP  Web Picture format

Rasterizado Lossy e Lossless Transparência total (canal alfa) Animação suportada Compatibilidade: ~97% (2026)

Desenvolvido pelo Google a partir do codec de vídeo VP8, o WebP foi lançado em 2010 para ser o sucessor universal do JPG e PNG na web. Ele suporta os dois modos: lossy (baseado em VP8, para fotos) e lossless (baseado em um algoritmo próprio, para gráficos). No modo lossy, o WebP usa predição de blocos e transformação adaptativa — técnicas mais sofisticadas que o DCT do JPG — para produzir arquivos 25–35% menores com qualidade visual equivalente.

O melhor dos dois mundos: além de substituir o JPG para fotos (mode lossy), o WebP também substitui o PNG para logos e gráficos (modo lossless com canal alfa), geralmente com arquivos 20–30% menores. É o único formato que unifica os casos de uso de JPG e PNG com melhor eficiência em ambos.

Compatibilidade em 2026: suportado por Chrome, Firefox, Safari (desde 14), Edge e Opera — cobrindo mais de 97% dos usuários da web. A principal exceção são clientes de e-mail antigos (especialmente Outlook) e sistemas corporativos legados com IE11.

Quando usar: praticamente qualquer imagem para web — fotos, logos, ícones, banners. É o formato padrão recomendado para qualquer upload em sites modernos. O PageSpeed Insights do Google especificamente recomenda WebP quando detecta JPG ou PNG onde WebP poderia ser usado.

Quando não usar: e-mail marketing (compatibilidade inconsistente), impressão gráfica, thumbnails do YouTube (não aceita WebP), arquivos para download que usuários finais vão abrir localmente em sistemas antigos.

AVIF  AV1 Image File Format

Rasterizado Lossy e Lossless Transparência total (canal alfa) Animação suportada Compatibilidade: ~88% (2026)

AVIF é derivado do codec de vídeo AV1 (desenvolvido pela Alliance for Open Media, que inclui Google, Mozilla, Netflix, Amazon e outros). É o formato mais recente e tecnicamente mais avançado disponível para imagens na web — produz arquivos 20–50% menores que WebP com qualidade visual equivalente em muitos casos, especialmente em qualidades mais baixas onde o WebP começa a mostrar artefatos visivelmente.

Por que é tão eficiente: o AV1 usa técnicas de compressão muito mais sofisticadas que o VP8 do WebP — incluindo modos de predição intra-quadro, transformadas de tamanho variável e loop filters. O resultado é particularmente impressionante em fotos de alta complexidade e gradientes sutis.

O problema do encoding: converter imagens para AVIF é significativamente mais lento que para WebP — um encoder AVIF pode levar 10–100× mais tempo para processar a mesma imagem. Para sites com muitas imagens ou pipelines de build que geram versões de imagens em tempo real, esse custo computacional é relevante.

Compatibilidade em 2026: Chrome 85+, Firefox 93+, Safari 16+. Não suportado pelo IE11 nem pela maioria dos clientes de e-mail. O suporte ainda é menor que WebP, e a recomendação é servir AVIF com fallback para WebP e JPG usando a tag <picture>.

Quando usar: sites de alto tráfego onde cada KB economizado tem impacto significativo no custo de banda; imagens de alta qualidade onde a diferença visual vs WebP é perceptível; projetos novos onde o pipeline de build já suporta AVIF.

Quando não usar: quando o tempo de encoding é um fator crítico; para uso no conversor do ImageTools (o encoder AVIF via Canvas API nos navegadores não é otimizado e pode produzir arquivos maiores que o original — use ferramentas server-side como sharp para AVIF de qualidade).

SVG  Scalable Vector Graphics

Vetorial Sem perda (por natureza) Transparência total Animação via CSS/JS Compatibilidade: 98%+

SVG é radicalmente diferente de todos os outros formatos desta lista. Em vez de armazenar pixels, armazena instruções matemáticas em XML — "desenhe um retângulo de largura 200 na posição X,Y com cor #3ecf8e". O navegador ou software calcula os pixels em tempo real na resolução necessária. Um SVG de 5 KB pode ser exibido perfeitamente num favicon de 16px ou num outdoor de 20 metros.

Por que é o formato ideal para logos e ícones: logos e ícones são compostos de formas geométricas — retângulos, círculos, curvas bezier, texto. O SVG descreve exatamente essas formas sem nenhuma perda de informação. Um PNG de logo em 200px fica pixelado em 2000px; o mesmo logo em SVG fica perfeito em qualquer tamanho.

Editável via CSS e JavaScript: elementos SVG inline no HTML podem ser manipulados como qualquer outro elemento DOM — cor alterada via CSS, animações adicionadas via CSS transitions ou JS, interatividade com eventos de mouse. É como HTML para imagens.

Onde falha: fotografias e imagens com muitas cores e gradientes complexos resultam em SVGs enormes e impraticáveis — e mesmo assim, a qualidade seria inferior ao JPG porque SVG não foi projetado para representar dados fotográficos.

Quando usar: logos, ícones, ilustrações geométricas, gráficos de dados, mapas, qualquer arte que precisa escalar para múltiplos tamanhos, ícones interativos em interfaces web.

Quando não usar: fotografias, imagens com muitas cores e texturas, redes sociais (a maioria não aceita SVG para upload), e-mail marketing.

GIF  Graphics Interchange Format

Rasterizado Lossless (mas paleta limitada) Transparência parcial (1 cor) Animação suportada Compatibilidade: 100%

Criado em 1987 pela CompuServe, o GIF usa o algoritmo LZW (Lempel-Ziv-Welch) para compressão lossless — mas com uma limitação fundamental: suporta apenas 256 cores por frame. Cada pixel é um índice em uma paleta de até 256 entradas, o que torna o formato ineficiente para fotos (que têm milhões de cores) mas adequado para imagens simples com poucas cores.

O motivo pelo qual o GIF sobreviveu até hoje: é o único formato rasterizado de ampla compatibilidade que suporta animações de múltiplos frames nativamente — e essa característica o manteve vivo décadas após formatos tecnicamente superiores surgirem. O WebP animado e o AVIF animado são alternativas mais eficientes, mas a compatibilidade e a presença cultural do GIF animado garantem sua presença.

Transparência parcial: o GIF suporta apenas uma cor "transparente" por frame — sem semitransparência ou anti-aliasing. O resultado são bordas "serrilhadas" ao redor de elementos com bordas curvas, especialmente sobre fundos coloridos.

Quando usar: animações simples em plataformas que não suportam WebP animado ou MP4; ícones animados com poucas cores; memes e conteúdo de redes sociais onde o formato GIF é culturalmente esperado.

Quando não usar: fotos estáticas (use JPG ou WebP), logos estáticos (use PNG ou SVG), animações complexas para web (use MP4 ou WebP animado — muito mais eficientes).

BMP  Bitmap

Rasterizado Sem compressão (geralmente) Sem transparência nativa Sem animação Compatibilidade: Windows/Office

BMP é o formato de bitmap do Windows, criado pela Microsoft. Na maioria das configurações, não aplica compressão — cada pixel é armazenado diretamente com seu valor de cor. O resultado são arquivos muito grandes: uma imagem de 1920×1080 em BMP de 24 bits ocupa exatamente 5,93 MB, sempre, independente do conteúdo.

Por que ainda existe: o BMP tem compatibilidade garantida em todo o ecossistema Microsoft — Windows, Office, impressoras e softwares de edição legados. Para uso interno em pipelines de processamento de imagem onde a ausência de compressão é uma vantagem (garantia de dados sem artefatos em cada etapa), BMP ainda tem espaço.

Quando usar: quando um sistema específico (especialmente legado) exige BMP; como formato intermediário em pipelines de processamento onde compressão introduziria artefatos indesejados; impressão industrial em alguns sistemas específicos.

Quando não usar: qualquer uso na web, e-mail, redes sociais ou qualquer contexto onde o tamanho do arquivo importa.

Tabela comparativa completa

Formato Compressão Transparência Animação Ideal para Tamanho relativo (foto)
JPG Lossy Não Não Fotografias Referência (1×)
PNG-32 Lossless Canal alfa completo Não Logos, ícones, screenshots 3–8× maior que JPG
WebP lossy Lossy Canal alfa completo Sim Tudo na web 25–35% menor que JPG
WebP lossless Lossless Canal alfa completo Sim Logos, ícones 20–30% menor que PNG
AVIF Lossy e Lossless Canal alfa completo Sim Web de alta performance 30–50% menor que JPG
SVG Vetorial Total Via CSS/JS Logos, ícones, ilustrações Varia (muito pequeno para formas simples)
GIF Lossless (256 cores) 1 cor (sem semi) Sim (multi-frame) Animações simples Variável
BMP Nenhuma Não nativa Não Sistemas legados Windows 5–20× maior que JPG

O guia de decisão: qual formato usar?

Para fotos e imagens com muitas cores

Para logos e identidade visual

Para screenshots e capturas de tela

Para animações

Para ícones de interface

🎯 Regra dos 80% dos casos: fotografia → WebP (ou JPG para e-mail/impressão). Logo e ícone → SVG (ou PNG para onde SVG não é aceito). Screenshot com texto → PNG ou WebP lossless. Animação → MP4 ou GIF.

Por que o mesmo arquivo pode ter qualidades diferentes no mesmo formato

Uma confusão comum: "JPG tem qualidade ruim" ou "PNG sempre tem qualidade boa". Na verdade, a qualidade de um arquivo não é uma propriedade do formato — é uma consequência das escolhas feitas ao salvar.

Um JPG salvo a 95% de qualidade tem qualidade visual excelente — virtualmente idêntica ao original. O mesmo JPG salvo a 30% de qualidade tem artefatos severos. A diferença não está no formato: está na configuração de compressão usada.

O PNG não tem esse problema porque usa compressão lossless — o arquivo pode ser maior ou menor dependendo do algoritmo e nível de compressão, mas a qualidade visual é sempre idêntica ao original. PNG "nunca perde qualidade" não porque seja superior ao JPG, mas porque usa um tipo diferente de compressão que não descarta dados.

⚠️ Cuidado com ciclos de compressão JPG: salvar um JPG, abrir e salvar novamente aplica compressão em cima de compressão — cada ciclo descarta mais dados. Após 5–10 ciclos, a degradação visual é significativa. Sempre trabalhe a partir do arquivo original de maior qualidade e exporte para JPG apenas no passo final.

Convertendo entre formatos

Use o Conversor de Imagem do ImageTools para converter entre JPG, PNG e WebP diretamente no navegador — sem instalar nada, sem enviar arquivos para servidores externos. Selecione o formato de destino, faça o upload e baixe o resultado.

Para converter especificamente para WebP, temos um guia dedicado cobrindo todos os métodos — online, WordPress, linha de comando e Node.js.

Converta entre formatos agora

JPG, PNG e WebP — conversão gratuita no navegador, sem cadastro, sem enviar arquivos para servidores externos.

Converter imagem grátis

Perguntas frequentes

Qual formato tem a melhor qualidade de imagem?
A resposta depende do contexto. Para fotografias, qualidade é uma função da compressão aplicada — um JPG a 95% ou WebP a 90% têm qualidade visual excelente, virtualmente indistinguível do original na tela. PNG tem qualidade idêntica ao original por definição (lossless), mas para fotos produz arquivos enormes sem ganho visual em tela. SVG tem qualidade "infinita" para formas geométricas porque não depende de pixels. Não existe "o formato com melhor qualidade" — existe o formato certo para cada tipo de conteúdo.
Por que meu PNG de foto é muito maior que o JPG da mesma foto?
Porque PNG usa compressão lossless, que não consegue eliminar a variação de cor de fotografias de forma eficiente. Uma foto tem milhões de pixels com cores levemente diferentes — exatamente o tipo de dado que o algoritmo lossless não consegue representar de forma compacta. O JPG (e o WebP) descartam dados de alta frequência que o olho mal percebe, conseguindo reduzir o arquivo em 90%+ sem perda visual significativa. PNG é eficiente para imagens com grandes áreas de cor uniforme (logos, ícones), não para fotografias.
WebP vai substituir completamente JPG e PNG?
Para uso na web, o WebP já substituiu efetivamente JPG e PNG nas melhores práticas. Mas JPG e PNG vão persistir por muito tempo porque: o ecossistema de e-mail ainda tem compatibilidade inconsistente com WebP; ferramentas de impressão e gráficas trabalham com JPG e TIFF; o JPG está em bilhões de arquivos existentes; e a familiaridade dos usuários com esses formatos é enorme. Na prática, a coexistência entre os formatos deve durar décadas.
AVIF é melhor que WebP? Devo migrar agora?
AVIF é tecnicamente superior ao WebP em eficiência de compressão — especialmente em qualidades baixas e médias, onde WebP começa a mostrar artefatos antes do AVIF. Mas a migração completa para AVIF ainda não faz sentido para a maioria dos sites em 2026 porque: a compatibilidade ainda é menor que WebP; o encoding é muito mais lento (problema em pipelines de build); e o ganho real na maioria das imagens típicas de sites não é tão dramático quanto os benchmarks em casos ideais sugerem. A recomendação é: implemente WebP agora, avalie AVIF para casos específicos de alto tráfego.
Posso usar SVG para qualquer tipo de imagem?
Não. SVG é eficiente apenas para imagens que podem ser descritas com formas geométricas — logos, ícones, gráficos, diagramas, ilustrações vetoriais. Para fotografias, um SVG seria impraticável: representar cada pixel de uma foto de 12 megapixels como instrução XML resultaria num arquivo de gigabytes que seria impossível de renderizar. O SVG tem um domínio específico onde é insuperável (formas geométricas escaláveis), e outros domínios onde é completamente inapropriado (fotografias, imagens com textura).
O que é o formato HEIC que aparece nas fotos do iPhone?
HEIC (High Efficiency Image Container) é o formato padrão de câmera do iPhone desde o iOS 11. É baseado no codec HEVC (H.265) e produz arquivos cerca de 50% menores que JPG com qualidade equivalente — similar ao que o AVIF faz, mas com uma tecnologia diferente. O problema é que a compatibilidade do HEIC é limitada: Windows 10 e 11 precisam de um codec adicional para abrir, e muitas plataformas web não aceitam upload em HEIC. Para uso na web, converta HEIC para WebP ou JPG antes de usar.