O ChatGPT consegue criar arquivos SVG?

O ChatGPT consegue escrever código SVG, porque SVG é texto: uma linguagem de marcação baseada em XML que descreve formas. Para formas simples, ícones e diagramas que dá para descrever em palavras, pedir o código funciona.

As imagens que o gerador de imagens dele cria são outro tipo de arquivo. São imagens raster, feitas de pixels, e o mesmo vale para as imagens que o Midjourney e o Gemini criam. O guia de geração de imagens da OpenAI, por exemplo, lista PNG, JPEG e WebP como formatos de saída. Para transformar uma imagem dessas em caminhos vetoriais, ela precisa ser traçada: as áreas de cor são encontradas e contornadas como caminhos.

Quais imagens de IA ficam boas no traçado

O traçado reduz a imagem a no máximo 24 cores chapadas e contorna cada uma, então as imagens que ficam limpas são as que já têm essa cara:

  • cores chapadas e sólidas;
  • contornos marcados e limpos;
  • poucas cores;
  • sem degradês, sombreado suave ou textura;
  • fundo liso ou transparente;
  • imagem grande, sem texto pequeno.

Estilos de figurinha, logo, ícone e clip-art costumam cumprir todos os itens. Imagens fotorrealistas, estilos de pintura e muita textura saem como áreas de cor chapada, como um pôster.

Um taco de desenho animado de óculos escuros, desenhado por um motor de imagens em PNG, e o SVG traçado a partir dele, lado a lado

Uma imagem desenhada pelo motor de imagens do nosso estúdio de logos (à esquerda, um PNG) e o SVG traçado a partir dela (à direita). Preenchimentos chapados, contornos marcados e fundo liso: o traçado gerou 40 caminhos.

Prompt para imagens que ficam limpas no traçado

Acrescente frases como estas ao seu prompt:

  • "ilustração flat"
  • "4 cores sólidas"
  • "sem degradês, sem sombreado, sem textura"
  • "contornos grossos e limpos"
  • "fundo branco liso"
  • "sem texto"

Por exemplo:

Uma ilustração flat de uma cabeça de raposa, 4 cores sólidas, sem degradês, sem sombreado, sem textura, contornos grossos e limpos, centralizada num fundo branco liso, sem texto

O resultado continua sendo um PNG ou outro arquivo raster; o estilo só faz com que ele fique limpo no traçado. Alguns geradores conseguem criar fundo transparente quando você pede; o guia de geração de imagens da OpenAI, por exemplo, documenta uma opção de fundo transparente. Se o seu não conseguir, peça um fundo liso de uma cor só e ative Remover fundo na hora de converter.

Converta a imagem de IA em SVG

  1. Baixe a imagem da ferramenta de IA. PNG, JPG e WebP são todos aceitos, então um arquivo .webp não precisa ser convertido antes.
  2. Envie-a na caixa desta página.
  3. Escolha uma predefinição: Padrão para a maioria das imagens, Cricut / Vinil se você for recortar (SVG para Cricut e Silhouette) ou Line art / Estêncil para preto e branco.
  4. Ajuste o controle Cores, até para o número de cores que você pediu no prompt, mais uma se um fundo opaco continuar na imagem (ou ative Remover fundo).
  5. Confira a prévia grátis com marca d'água, sem cadastro, e trace de novo se as formas não ficarem boas.
  6. Desbloqueie o SVG limpo por 1 crédito (3 créditos grátis com uma conta).

Imagens com mais de 2048 px no lado maior são reduzidas para esse tamanho antes do traçado.

Perguntas

O traçado usa IA?

Não. O traçado não é IA: ele agrupa os pixels em cores chapadas e contorna cada cor com segmentos retos e curvas. Ele não gera imagens.

Por que minha imagem de IA foi baixada em WebP?

Algumas ferramentas de IA salvam as imagens em WebP, um formato de imagem compacto. O png2svg.art aceita WebP do jeito que ele está, então você pode enviar o arquivo sem converter; veja WebP para SVG.

Posso vender um SVG feito a partir de uma imagem de IA?

Isso depende de direitos que o png2svg.art não controla. Você mantém os direitos que já tem sobre a imagem, e os termos da ferramenta de IA que você usou continuam valendo, então confira esses termos. O png2svg.art não concede nenhuma licença própria.

Quantas cores devo usar?

O número de cores que você pediu no prompt, mais uma se um fundo opaco continuar na imagem (ou ative Remover fundo). O controle vai de 2 a 24 e, se duas cores que você queria saírem como uma só, aumente um. Mais em quantas cores um SVG traçado deve ter.