Formatos de Imagem: Guia Completo para Iniciantes

JPG, PNG, WebP, AVIF, TIFF, GIF, BMP, SVG — são muitas siglas para quem está começando a trabalhar com imagens digitais. Cada formato foi criado com um propósito específico, tem vantagens e limitações, e usar o formato errado pode significar imagens com qualidade ruim, arquivos desnecessariamente grandes, ou falta de suporte em onde você precisa exibir.

Este guia aborda cada formato de forma completa: o que é, como funciona, quando usar, quando não usar, e os erros mais comuns. No final, você vai saber exatamente qual formato escolher para cada situação — e como o MKT com Marcos — Compressor de Imagens ajuda a converter entre eles.

Por que existem tantos formatos de imagem?

Formatos diferentes existem porque casos de uso diferentes têm requisitos diferentes:

• Uma foto de paisagem tem milhões de tons sutis e pode tolerar alguma perda de dados para comprimir melhor
• Um logo corporativo tem bordas nítidas e precisa de transparência — perda de dados criaria bordas serrilhadas
• Uma imagem médica não pode perder nenhum dado, mesmo que o arquivo fique grande
• Um ícone de site precisa escalar para qualquer tamanho sem perder qualidade
• Uma animação simples precisa de um formato que suporte quadros sequenciais

Não existe um único formato "melhor" — existe o formato certo para cada situação.

JPG (JPEG)

O que é

JPG (Joint Photographic Experts Group) é o formato de foto mais usado no mundo. Existe desde 1992 e é suportado por absolutamente todos os dispositivos e plataformas digitais.

Como funciona

Compressão com perda (lossy). Usa a Transformada Discreta de Cosseno (DCT) para converter a imagem em frequências, depois descarta as frequências de alta resolução que o olho percebe menos. O resultado é um arquivo muito menor, mas que não pode ser restaurado ao original.

Quando usar JPG

• Fotos gerais (retratos, paisagens, viagens)
• Imagens para e-mail e comunicações onde compatibilidade universal é necessária
• Imagens para plataformas de upload que não aceitam formatos modernos (alguns marketplaces, sistemas legados)
• Quando o arquivo será impresso (não envolve transparência e a qualidade é controlável)

Quando NÃO usar JPG

• Logos, ícones e elementos com bordas nítidas (o lossy cria artefatos nas bordas)
• Imagens que precisam de transparência (JPG não suporta canal alfa)
• Screenshots de texto ou interfaces (artefatos tornam o texto borrado)
• Imagens que serão editadas repetidamente (cada save acumula artefatos)

Erros comuns com JPG

O erro mais frequente: salvar a mesma imagem JPG várias vezes durante edição. Cada geração de salvamento adiciona novos artefatos de compressão. Sempre edite em um formato sem perda (PNG, TIFF) e exporte para JPG apenas no final.

Tamanho típico

Foto de 1.200×800px: 80-300 KB dependendo da qualidade e complexidade.

---

PNG

O que é

PNG (Portable Network Graphics) foi criado em 1996 como substituto open-source do GIF. É o formato de imagem sem perda mais usado na web.

Como funciona

Compressão sem perda (lossless). Usa filtros por linha seguidos do algoritmo DEFLATE. A imagem pode ser reconstruída pixel por pixel, idêntica ao original. Suporta canal alfa (transparência parcial, não apenas binária).

Quando usar PNG

• Logos e marcas com transparência
• Ícones e elementos de interface (UI)
• Screenshots de texto e aplicativos (onde lossless mantém o texto nítido)
• Imagens que serão editadas e precisam preservar qualidade
• Elementos gráficos com bordas nítidas ou gradientes de transparência

Quando NÃO usar PNG

• Fotos gerais (PNG comprime mal fotos — arquivo 5-10x maior que JPG na mesma qualidade visual)
• Imagens de grande resolução para web (o tamanho do arquivo pode ser proibitivo)
• Quando substituição por WebP lossless seria mais eficiente

Erros comuns com PNG

O erro mais comum e mais custoso: usar PNG para fotos. Uma foto de 1.200×800px em PNG pode pesar 1,5-3 MB. A mesma foto em JPG qualidade 85 pesa 150-300 KB. Em WebP, 100-200 KB. Você está servindo 10x mais bytes sem nenhum benefício visual para o usuário.

Tamanho típico

Logo 400×200px com transparência: 15-80 KB. Foto 1.200×800px: 1-3 MB (use JPG ou WebP para fotos!).

---

WebP

O que é

WebP é o formato criado pelo Google em 2010, baseado no codec de vídeo VP8. É o melhor formato para uso web geral em 2025.

Como funciona

Dois modos: lossy (baseado em VP8, com predição de blocos e codificação aritmética) e lossless (com transformações preditivas). Suporta transparência (canal alfa) em ambos os modos.

Quando usar WebP

• Qualquer imagem publicada em site ou aplicação web moderna
• Substituição de JPG para fotos (25-40% menor, mesma qualidade)
• Substituição de PNG para logos/ícones com transparência (26% menor que PNG)
• Quando suporte universal a navegadores é garantido (97% em 2025)

Quando NÃO usar WebP

• Plataformas que não aceitam WebP (alguns sistemas de upload antigos)
• E-mails HTML (clientes de e-mail têm suporte inconsistente)
• Quando compatibilidade com Internet Explorer é necessária (raro em 2025)

Erros comuns com WebP

Não usar WebP por medo de compatibilidade desatualizado. Em 2025, mais de 97% dos navegadores suportam WebP. A não adoção é um erro de omissão que custa performance.

Tamanho típico

Foto 1.200×800px: 60-180 KB. Logo com transparência 400×200px: 8-40 KB.

---

AVIF

O que é

AVIF (AV1 Image File Format) é o formato mais recente e mais eficiente, baseado no codec AV1. Lançado em 2019.

Como funciona

Usa o codec AV1 com superblocks variáveis, 67 modos de predição, transformadas adaptativas e filtros de restauração. Resultado: 30-50% menor que WebP na mesma qualidade percebida.

Quando usar AVIF

• Sites com audiência em navegadores modernos (Chrome 85+, Firefox 93+, Safari 16+)
• Imagens de hero e banners onde máxima eficiência importa
• Com fallback para WebP usando a tag <picture>
• Quando o tempo de encode extra é aceitável

Quando NÃO usar AVIF

• Quando tempo de processamento é crítico (encode é 10-50x mais lento que JPG)
• Plataformas de upload que não aceitam AVIF
• Sem fallback em sites que precisam de suporte a navegadores antigos

Tamanho típico

Foto 1.200×800px: 40-120 KB. Economia real de 40-60% vs JPG.

---

GIF

O que é

GIF (Graphics Interchange Format) foi criado em 1987 e tornou-se sinônimo de animações simples na internet.

Como funciona

Compressão lossless usando LZW. Suporte a animação por múltiplos quadros. Transparência binária (pixel totalmente transparente ou totalmente opaco, sem meio-termo). Paleta limitada a 256 cores por quadro.

Quando usar GIF

• Animações simples com poucas cores (ícones animados, indicadores de loading)
• Compatibilidade universal para animações (é o único formato de animação com suporte em absolutamente todos os sistemas)
• Capturas animadas de tela simples

Quando NÃO usar GIF

• Fotos ou imagens fotográficas (256 cores é insuficiente, causando dithering horrível)
• Animações com muitas cores ou gradientes (qualidade ruim e arquivos enormes)
• Quando WebP animado ou MP4/WebM (como vídeo) seriam mais eficientes

Erros comuns com GIF

Usar GIF para animações ricas em cor. Um GIF animado de 10 segundos pode pesar 5-10 MB e ter qualidade visual inferior a um MP4 de 200 KB com a mesma duração.

Tamanho típico

Animação simples 400×300px, 2 segundos: 200 KB - 2 MB dependendo da complexidade de cores.

---

TIFF

O que é

TIFF (Tagged Image File Format) é o padrão da indústria para imagens de alta qualidade usadas em impressão profissional, publicação e arquivamento.

Como funciona

Suporte a múltiplos algoritmos de compressão (incluindo sem compressão, LZW lossless, ZIP, e até JPEG lossy dentro do container). Suporta múltiplas camadas, canais adicionais, e resolução de 8 a 32 bits por canal.

Quando usar TIFF

• Arquivos master de fotografia e design para impressão
• Fluxos de trabalho onde múltiplas edições serão feitas sem perda de qualidade
• Publicação profissional (livros, revistas, catálogos)
• Arquivamento de longo prazo onde integridade de dados é crítica

Quando NÃO usar TIFF

• Web (arquivos enormes, suporte de navegador inexistente nativamente)
• Compartilhamento casual de fotos
• Qualquer contexto onde o tamanho do arquivo importa

Tamanho típico

Foto 3.000×2.000px sem compressão: 17-50 MB. Com LZW: 8-20 MB. Para web, exporte para WebP ou JPG.

---

BMP

O que é

BMP (Bitmap) é o formato nativo do Windows, criado pela Microsoft nos anos 1980.

Como funciona

Na maioria das implementações, armazena pixels brutos sem nenhuma compressão. Cada pixel é representado por seus valores de cor completos, resultando em arquivos enormes.

Quando usar BMP

Honestamente, quase nunca em 2025. BMP é um formato legado sem vantagens sobre as alternativas modernas.

Quando NÃO usar BMP

• Web (absolutamente nunca — arquivos 10-20x maiores que JPG sem vantagem de qualidade)
• E-mail
• Qualquer aplicação digital que não seja estritamente vinculada a software Windows legado que exige BMP

Erros comuns com BMP

Aceitar imagens BMP de clientes ou sistemas legados e publicá-las diretamente. O MKT com Marcos — Compressor de Imagens aceita BMP como entrada e pode converter para qualquer formato moderno em lote.

Tamanho típico

Foto 1.200×800px: 2.7 MB sem compressão. A mesma imagem em JPG: 150 KB. BMP é 18x maior sem benefício.

---

SVG

O que é

SVG (Scalable Vector Graphics) é fundamentalmente diferente de todos os outros formatos desta lista. Enquanto os outros são raster (grade de pixels), o SVG é vetorial — descreve formas matemáticas em XML.

Como funciona

Um arquivo SVG contém instruções como "desenhe um círculo vermelho com raio 50px no centro" — não pixels. O navegador renderiza essas instruções na resolução que precisar. Um SVG de 10 KB pode ser exibido com qualidade perfeita em uma tela 4K ou em um outdoor digital.

Quando usar SVG

• Logos e marcas (escala perfeita em qualquer resolução)
• Ícones para sites e apps (especialmente para diferentes densidades de pixel)
• Ilustrações e infográficos criados em vetor (Illustrator, Inkscape)
• Elementos de UI que precisam ser responsivos
• Animações e interações via CSS/JavaScript

Quando NÃO usar SVG

• Fotos e imagens fotográficas (SVG não pode representar fotos de forma eficiente — use JPG/WebP)
• Imagens com muita complexidade (um SVG de uma paisagem fotorrealista pode ser enorme)
• Quando o conteúdo vem de câmera ou scanner

Erros comuns com SVG

Não otimizar SVGs antes de publicar. Ferramentas como Illustrator exportam SVGs com muito código desnecessário (metadados, layers ocultos, comentários). SVGO é a ferramenta padrão para otimizar SVGs.

Nota: o MKT com Marcos — Compressor de Imagens aceita SVG como entrada (rasterizando para o formato de saída escolhido), mas SVG é intrinsecamente diferente dos formatos raster.

---

Tabela comparativa completa

Formato	Compressão	Transparência	Animação	Web	Impressão	Melhor para
JPG	Lossy	Não	Não	Sim	Sim	Fotos gerais
PNG	Lossless	Sim (alfa)	Não	Sim	Sim	Logos, ícones, screenshots
WebP	Lossy/Lossless	Sim	Sim	Sim	Não	Web moderno geral
AVIF	Lossy/Lossless	Sim	Sim	Crescente	Não	Web alta eficiência
GIF	Lossless	Binária	Sim	Sim	Não	Animações simples
TIFF	Lossless/Lossy	Sim	Não	Não	Sim	Impressão profissional
BMP	Sem compressão	Sim	Não	Não	Não	Legado Windows
SVG	Vetorial	Sim	Sim	Sim	Sim	Logos/ícones vetoriais

---

Os 5 erros mais comuns de formato

1. PNG para fotos

Resultado: arquivo 5-10x maior sem benefício visual. Use JPG ou WebP.

2. JPG para logos

Resultado: bordas serrilhadas com artefatos de compressão, sem suporte a transparência. Use PNG ou WebP lossless.

3. GIF para imagens ricas em cor

Resultado: qualidade visual ruim por limitação de 256 cores. Use JPG, WebP, ou vídeo (MP4).

4. TIFF ou BMP para web

Resultado: arquivos enormes que nunca deveriam aparecer num servidor web. Converta para WebP ou JPG.

5. JPG de alta qualidade (95+) para tudo

Resultado: arquivos desnecessariamente grandes. Qualidade 75-85 é indistinguível visualmente para a maioria dos usos web.

---

Como o MKT com Marcos ajuda na conversão entre formatos

O MKT com Marcos — Compressor de Imagens aceita como entrada qualquer um destes formatos:

• JPG, PNG, WebP, AVIF, TIFF, GIF, BMP, SVG

E converte para qualquer formato de saída:

• JPG (mozjpeg, progressivo), PNG, WebP, AVIF, TIFF, GIF

Isso significa que você pode:

• Receber 500 imagens BMP de um cliente e converter tudo para WebP em um clique
• Ter um catálogo de fotos JPG antigas e modernizar tudo para WebP ou AVIF
• Converter logos PNG para WebP lossless mantendo a transparência
• Processar imagens mistas (JPG + PNG juntos) em um único lote

Tudo isso gratuitamente, sem cadastro, 100% offline, com motor profissional Sharp/libvips.

---

Perguntas Frequentes

Qual formato é mais universal?
JPG. É suportado por 100% dos dispositivos, sistemas operacionais, navegadores, softwares de edição e plataformas digitais. Para compatibilidade máxima, JPG é o denominador comum.

Qual formato economiza mais espaço para fotos web?
AVIF (maior economia, 40-60% menor que JPG), seguido de WebP (25-40% menor que JPG), seguido de JPG com mozjpeg (10-20% menor que JPG padrão). O MKT com Marcos usa mozjpeg para JPG e suporta todos os formatos.

Posso ter um logo em JPG?
Tecnicamente sim, mas não é recomendado: JPG não suporta transparência (seu logo terá fundo branco ou da cor que você definir) e as bordas nítidas do logo terão artefatos de compressão visíveis. Use PNG ou WebP lossless.

TIFF é melhor que PNG para arquivos master?
TIFF suporta mais recursos profissionais (múltiplas camadas, 16/32 bits por canal, múltiplos algoritmos de compressão). Para arquivamento profissional de alta fidelidade, TIFF é superior. Para uso web e digital geral, PNG é suficiente e mais prático.

O SVG pode substituir o PNG para logos?
Sim, e frequentemente é a melhor opção para logos: escala infinita sem perda, arquivo menor para logotipos simples, e pode ser estilizado com CSS. Mas requer que o logo tenha sido criado como vetor — você não converte uma foto para SVG com qualidade.

GIF ainda tem algum uso válido?
Sim: animações simples e ícones animados onde compatibilidade universal é necessária, especialmente em e-mails HTML. Para tudo mais, WebP animado ou MP4 são superiores.

---

Conclusão: escolha o formato certo para cada trabalho

O conhecimento sobre formatos de imagem é uma das habilidades mais práticas para qualquer pessoa que trabalha com web, design ou marketing digital. Usar o formato certo pode significar:

• Imagens 10x menores sem perda de qualidade visual
• Site que carrega 3x mais rápido
• Melhor posição no Google pelos Core Web Vitals
• Experiência de usuário superior, especialmente em mobile

O MKT com Marcos — Compressor de Imagens torna a conversão entre todos esses formatos simples: gratuito, sem cadastro, offline, com processamento em lote ilimitado e motor profissional.

Acesse mktcommarcos.com.br/aplicacoes/compressor-de-imagens e comece a usar os formatos certos para cada imagem hoje.