Vetor ou bitmap: qual formato usar em ilustrações?

O PNG da tela vazia estava ótimo em 1x. Bastou colocar a imagem num hero em 2x para as bordas ficarem borradas. Aí o pessoal de marca pediu azul-marinho no lugar do mostarda, e o Figma tratava o arquivo como um bloco único, sem nada para mexer.

Em ilustração, a questão vetor ou bitmap é essa. Nada de aula de computação: é saber se, na terça que vem, você ainda vai conseguir trocar uma cor.

Crio as imagens de produto no Illustro. Para as ilustrações da interface, abro o gerador de SVG com IA, escolho Flat em Estilo e exporto em SVG. Para o 3D de massinha e as páginas de livro infantil, fico com PNG ou JPEG de propósito. Quem manda no formato é o trabalho.

O que vetor e bitmap querem dizer em ilustração

Uma imagem bitmap, também chamada de imagem raster ou rasterizada, é uma grade de pixels coloridos: PNG, JPEG, GIF, TIFF, WEBP. (Aqui, bitmap é o tipo de imagem, não o formato BMP.) Dê zoom e aparecem quadradinhos. Estique além do tamanho original e ela fica pixelada.

A comparação entre raster e vetor da Adobe faz a mesma divisão. Fotos e detalhes pintados ficam desse lado, porque o arquivo guarda cada ponto de cor.

Uma ilustração vetorial é feita de formas, linhas e curvas descritas por fórmulas matemáticas. O SVG é o formato que vai para a web. Use como ícone de 24 px ou num hero de ponta a ponta, e a borda continua uma linha nítida.

O teste que eu faço de verdade vem da introdução ao SVG da MDN: abra o arquivo. Se aparecer um XML descrevendo um traçado, você tem um vetor. Se aparecer uma imagem de pixels embutida, ela continua rasterizada: o nome do arquivo mentiu.

Em ilustração, quase sempre você quer uma destas duas coisas: mudar a cor e o tamanho de uma imagem que fica ao lado da interface, ou manter a suavidade da pintura, da massinha e da luz. Escolha o formato que faz esse trabalho, não o que soa mais “profissional”.

Vetor x bitmap: o resumo

Para imagens em geral, a tabela de vetor x bitmap seria a mesma. A linha que muita equipe ignora é a dos usos em ilustração. Um PNG lindo de uma raposa continua sendo bitmap. Já uma raposa flat, com as cores trocadas em Mudar cores, é vetor.

Quando o vetor é o formato certo para ilustrações

Telas vazias. Blocos de recursos. Uma imagem que precisa aparecer com 24 px no menu e com 1600 px numa landing page. Aí eu quero SVG.

O Figma também trabalha melhor com vetores: chegam formas, não uma camada única achatada. Para o caminho inverso, a ajuda do Figma sobre exportação mostra como copiar uma seleção em SVG: clique com o botão direito, passe o mouse sobre Copiar/Colar como e escolha Copiar como SVG.

Se a pose já está certa e só o amarelo não convence, com um vetor basta trocar o preenchimento. No Illustro, isso se faz em Mudar cores, de graça, sempre que o arquivo tiver código SVG de verdade.

O estilo flat é o visual: formas chapadas, paleta curta, quase sempre um fundo creme. O vetor é o arquivo por baixo. A line art também é vetorial, mas o que se vê é traço de tinta, não formas preenchidas.

Peça um desenho, não uma fotografia. Diga o tema, a pose e duas ou três cores de preenchimento, e deixe de fora “cinematográfico” e “8k”. É a mesma regra de como criar um arquivo SVG com IA e mudar as cores depois.

Logo é outro produto. Formas flat pequenas até ficam legíveis, mas o Illustro não é um gerador de logos. Uma marca que vai parar em camiseta, caneca e fachada ainda precisa de um designer com a ferramenta Caneta na mão.

Quando o bitmap é o formato certo para ilustrações

O 3D de massinha tem o visual de um objetinho fotografado em estúdio: fosco, arredondado, iluminado. Essa luz é feita de pixels, e no Illustro não existe SVG que faça justiça a ela. Baixe em PNG se precisar de transparência, ou em JPEG se um fundo branco servir.

Já tentei “vetorizar” um bonequinho de massinha. O resultado são manchas chapadas, e se perde justamente o motivo de ter escolhido o 3D. Se o trabalho é esse, leia como criar um mascote de marca em 3D sem Blender e fique com o bitmap.

A arte de livro infantil tem cara de guache de propósito: a cor suave é o que importa, e converter tudo em traçados duros acaba com a página. Então, PNG ou JPEG. Remover fundo custa 1 crédito em Livro infantil e Ilustração 3D; no flat e na line art, essa opção não aparece.

Foto continua sendo bitmap. Um vetorizador até imita um logo vetorial, mas não guarda a granulação da fotografia. Se você só precisa da pose, transforme a foto em desenho no estilo flat (3 créditos). Isso é uma conversão de estilo, não uma cópia fiel da foto original, e depois dá para exportar em SVG (1 crédito). Envie apenas fotos de pessoas que autorizaram o uso da imagem delas (no caso de uma criança, com a autorização dos pais ou responsáveis).

Aqui, vetor x bitmap é escolha de estilo, não ranking de qualidade. Imagens suaves pedem pixels. Formas bem definidas pedem traçados.

SVG, PNG ou JPEG

Muita gente pesquisa “PNG ou SVG” quando, no fundo, quer saber se precisa de vetor ou de bitmap. Veja o que o menu de download oferece de fato:

SVG. Vetor de verdade. Você troca a cor de um preenchimento e amplia sem borrar. Exportar em SVG custa 1 crédito em ilustrações geradas ou convertidas no Illustro, e não custa nada quando o SVG é seu e foi você que enviou. Não aparece em Livro infantil nem em Ilustração 3D.

PNG. Bitmap. Grátis. Mantém a transparência. Serve para uma imagem parada em que você não vai mudar as cores forma por forma. O Illustro converte o SVG num PNG de alta resolução direto no navegador; baixou esse PNG, voltou a ter pixels.

JPEG. Bitmap. Grátis. Preenche o fundo de branco. Útil para e-mail, apresentações e ferramentas que não lidam bem com transparência.

O SVG nem sempre ganha. Ganha quando você precisa de traçados. O PNG ganha quando a imagem já é o visual que você quer e vetorizar só ia estragar.

Como escolho entre vetor e bitmap no Illustro

1. Defina o uso. Interface e landing page: flat ou line art. Mascote com cara de brinquedo: Ilustração 3D. Livro ilustrado: Livro infantil.
2. Confira o modo. Illustro Light para explorar (1 crédito no flat ou na line art, 2 no 3D ou no livro infantil). Illustro MAX para a versão final (2 ou 4 créditos, na mesma ordem). O editor começa no Light, então olhe o controle antes de clicar em Gerar.
3. Escreva o tema. Para uma tela vazia em vetor, colo algo assim: “Pessoa sem rosto regando uma planta pendurada, vista de lado, suéter terracota, calça azul-marinho, fundo creme, formas geométricas simples, sem olhos nem boca, sem degradê”.
4. Clique em Gerar e confira a pose.
5. Estilos vetoriais: abra Mudar cores se a paleta estiver errada. Use Editar com IA (3 créditos) se precisar de um objeto novo. Mudar cores não desenha nada novo.
6. Estilos em bitmap: use Editar com IA ou gere de novo, e Remover fundo se precisar da figura recortada.
7. Baixe em PNG ou JPEG sem gastar créditos. Use Exportar em SVG (1 crédito) só quando o estilo permitir.

Sigo esse roteiro no gerador de SVG com IA quando o arquivo precisa continuar vetorial. Coloque o SVG no Figma com o plugin do Illustro, ou exporte e arraste o arquivo para a tela.

Não tente tirar um SVG de um 3D ou de uma página de livro infantil: você vai ficar esperando um botão que não existe. Na dúvida, fique com a divisão lá de cima. Flat e line art saem em SVG; 3D e livro infantil ficam em PNG ou JPEG.

Perguntas frequentes

JPEG é bitmap ou vetor?

JPEG é um arquivo bitmap. Ele guarda uma grade de pixels, normalmente com uma compressão que descarta parte dos detalhes de cor. Num JPEG, não dá para mudar a cor de um traçado como num SVG. Use para fotos, 3D de massinha e imagens de livro infantil que não vão ser ampliadas muito além do tamanho em pixels.

SVG é vetor ou bitmap?

SVG é um formato vetorial quando tem traçados de verdade: é um XML que descreve formas, não uma grade de quadradinhos. Algumas ferramentas enfiam um PNG num arquivo com extensão .svg. Abra o arquivo. Se não der para selecionar um preenchimento, a imagem continua rasterizada.

PNG é vetor ou bitmap?

PNG é bitmap. É útil porque mantém a transparência e não acrescenta os artefatos de compressão do JPEG. No Illustro, baixar em PNG é grátis em todos os estilos. É a exportação certa para 3D e livro infantil, e um formato de prévia para flat e line art se você não for mudar as cores depois.

Dá para transformar um PNG em vetor?

Dá, vetorizando. A vetorização cria formas novas que imitam os pixels, mas não recupera um desenho que nunca foi feito de traçados. No Illustro, isso é com o Vetorizar imagem, por 1 crédito: você envia um PNG, JPG ou WEBP e recebe um SVG que segue as formas e as cores que já estão no arquivo, mais limpo quando a arte tem contornos bem definidos e poucas cores. Se a ideia é mudar o estilo de uma foto, a ferramenta Foto em desenho transforma a imagem em arte no estilo flat (3 créditos), e depois a exportação em SVG custa 1 crédito. É uma mudança de estilo, não um contorno perfeito da imagem original. Para fotos de pessoas, vale a mesma regra: só com a autorização delas.

SVG é melhor que PNG?

Para ilustração de interface, sim, se você precisa ampliar ou mudar as cores. Para 3D de massinha e livro infantil, não. Nessas imagens, o que importa são a luz e a suavidade, e o SVG achataria tudo. Ali, escolha PNG ou JPEG e deixe o SVG para flat e line art.

PDF é vetor?

Um PDF pode ter vetores, bitmaps ou os dois. Um PDF de uma página com um logo pode ser só traçados; um PDF de uma fotografia continua sendo pixels. Não confie na extensão: veja se dá para selecionar uma forma. Para ilustrações na web, eu continuo exportando SVG ou PNG do Illustro, não PDF. Ser vetor ou bitmap não depende do nome do arquivo, e sim dos dados lá dentro.