Guia

Como fazer um arquivo SVG? Três jeitos

Três jeitos de fazer um arquivo SVG: converter uma imagem online, desenhar num editor vetorial ou exportar de um app de design. Passo a passo, prós e contras.

Original SVG OriginalSVG Testar este exemplo
Resposta curta

Você pode converter uma imagem (PNG ou JPG) em SVG com um vetorizador, desenhar o design num editor vetorial como o Inkscape ou o Illustrator e salvar como SVG, ou exportar de um app de design como o Canva ou o Figma. Converter é o mais rápido quando você já tem uma imagem; desenhar dá controle total.

Um SVG é uma imagem feita de formas em vez de pixels, então ela continua nítida em qualquer tamanho e as máquinas de corte conseguem seguir seus contornos. Existem três jeitos de fazer um, e o certo depende do que você tem para começar.

Qual jeito devo usar?

Você tem…Melhor jeitoTempo
Uma imagem (PNG, JPG, captura de tela, arte de IA)1. Converter com um vetorizadorSegundos
Uma ideia, ou um texto para diagramar2. Desenhar num editor vetorialDe minutos a horas
Um design já pronto no Canva, no Figma ou parecido3. Exportar como SVGSegundos

Jeito 1: como converter uma imagem em SVG?

  1. Abra um vetorizador como o criador de SVG do Vectacle.
  2. Solte seu PNG, JPG ou WebP.
  3. Escolha o tipo: Auto, Logo / 1 cor (uma forma de corte), Clip-art / adesivos (camadas de cor chapada) ou Desenho de linhas.
  4. Remova o fundo se precisar de transparência e defina a largura em polegadas (1 polegada = 2,54 cm) para máquinas de corte.
  5. Baixe o SVG.

Bom para: logos, adesivos, clip-art, lettering e ilustrações que você já tem como imagem. Limites: fotos viram muitas manchas de cor, e detalhes minúsculos precisam de uma imagem de origem grande e nítida. Dica: use a maior cópia que você tiver; imagens com menos de 1.000 pixels são ampliadas com IA antes de vetorizar.

Jeito 2: como desenhar um SVG num editor vetorial?

  1. Abra um editor vetorial: Inkscape (grátis), Adobe Illustrator ou Affinity Designer.
  2. Desenhe com formas, a ferramenta caneta e texto. Para corte, converta o texto em caminhos (Inkscape: Path › Object to Path, ou seja, Caminho › Objeto para caminho; Illustrator: Type › Create Outlines, ou seja, Tipo › Criar contornos).
  3. Salve como SVG: no Inkscape, File › Save As › Plain SVG (SVG simples); no Illustrator, File › Save As › SVG.

Bom para: designs originais, diagramação precisa, arquivos de corte com muito texto. Limites: exige prática e tempo. Os dois editores também vetorizam imagens: veja Inkscape e Illustrator.

Jeito 3: como exportar SVG de um app de design?

  • Canva: Share › Download › SVG (Compartilhar › Baixar, nos planos pagos). Textos e formas do Canva saem como vetores, mas fotos enviadas continuam sendo pixels dentro do SVG. Detalhes em como vetorizar no Canva.
  • Figma: selecione um frame e depois Export › SVG no painel da direita.
  • Affinity / Illustrator: File › Export › SVG.

Como saber se o meu SVG é um vetor de verdade?

TesteVetor de verdadeNão é bem um vetor
Dar zoom de 800%As bordas continuam nítidasAs bordas ficam quadriculadas
Abrir num editor de textoMuitas formas <path>Uma linha longa com “data:image/png”
Enviar para o Cricut Design SpaceCamadas por cor, linhas de corte limpasUma única imagem chapada

O formato SVG está documentado no MDN. Para máquinas de corte especificamente, veja como fazer um arquivo SVG para Cricut.

Você também pode fazer um SVG sem nenhuma imagem: digite palavras com o Texto para SVG ou crie um código com o QR code para SVG. Para apagar formas soltas ou mudar cores depois, use o editor de SVG grátis.

Perguntas

Qual programa faz arquivos SVG?

Editores vetoriais: Inkscape (grátis), Adobe Illustrator, Affinity Designer, e ferramentas online como Figma e Canva (download em SVG nos planos pagos). Para transformar uma imagem existente em SVG, use um vetorizador como o Vectacle.

Dá para fazer um arquivo SVG de graça?

Sim. O Inkscape é grátis para desenhar, e o Vectacle é grátis para converter imagens enquanto é novo.

Posso simplesmente renomear um PNG para .svg?

Não. Renomear não muda o que tem dentro; o arquivo continua sendo pixels e a maioria dos apps vai recusá-lo. Ele precisa ser convertido ou redesenhado.

Fontes: MDN: SVG · W3C: “SVG 2 specification”

Mais guias