Exportar imagem como SVG no GIMP


85

Tenho um projeto no qual estou trabalhando (uma imagem) no GIMP e gostaria de exportá-lo como um SVG. Isso é possível ou terei de continuar exportando vários tamanhos de imagem?

Eu sei que o GIMP pode ler SVGs, mas pode exportá-los?

Respostas:


106

O GIMP v2.8 não exporta nativamente bitmaps para arquivos SVG. Costumava haver um plugin para fazer isso, mas esse projeto aparentemente foi descontinuado. Poderíamos importar uma imagem como um objeto de bitmap para o Inkscape Instalar o inkscape e salvá-la como um arquivo SVG. A imagem permanecerá um arquivo de bitmap, ou seja, obterá artefatos de aliasing na escala (veja abaixo).

Mas o Inkscape pode fazer ainda mais. Podemos importar os bitmaps em que já trabalhámos tanto no Inkscape e convertê-los com apenas alguns cliques do mouse em bons gráficos vetoriais.

Aqui está como fazer isso:

  1. Abra o Inkscape.
  2. Escolha "Arquivo - Importar" para importar um arquivo de bitmap.
  3. Escolha "incorporar" a imagem.
  4. Selecione a imagem com a ferramenta de seleção ( ).
  5. Selecione Caminho - Rastrear bitmap ... para obter as configurações (mostradas abaixo para 2 cores = "Verificações" ):

    insira a descrição da imagem aqui

  6. Selecione "Atualizar" para uma visualização até que as configurações estejam corretas.

  7. Comece a rastrear com "OK" .

Agora, uma imagem vetorizada do seu bitmap original será vista na parte superior do bitmap. Podemos redimensionar ou mover esse objeto recém-criado, excluir a imagem original ou escolher "Objeto - Desagrupar" , caso seja necessário adaptar formas ou cores do subobjeto criado.

  1. Se necessário, reduza o tamanho da imagem vetorizada (mantenha pressionada a relação CTRL para bloquear), para que ela caiba na página. Caso contrário, pode aparecer "cortado" quando visualizado.
  2. Use "Arquivo - Salvar como" para salvar seu arquivo no formato SVG.

A vantagem de um gráfico vetorial pode ser vista mais rapidamente quando aumentamos seu tamanho. A imagem abaixo foi ampliada para 2500%. Superior é o bitmap original, inferior é o objeto vetorizado:

insira a descrição da imagem aqui
Esta imagem e este objeto foram criados a partir do seu original do chat


11
Obrigado pela boa visão geral. Você pode melhorar sua resposta, respondendo à pergunta original. O Photoshop CC pode exportar imagens SVG, então o Gimp pode fazê-lo?
Daniels #

11
@ daniels: O Gimp pode ser feito para exportar um bitmap incorporado em um SVG com um plug-in, mas isso (como PS btw) não irá rastrear um bitmap para o vetor. Para isso, você precisará do Inkscape ou de outro rastreador, por exemplo, rastreamento automático. Para o último, existe um plugin Trace gimp que eu não testei.
Takkat 5/11

@Takkat, a extensão gimpToSVG não existe mais
kokbira

@Tkkat, onde? No github.com/jabiertxof/gimpToSVG, você pode ver apenas as informações "movidas para o GitLab". Em um determinado link do GitLab , gitlab.com/jabiertxof/gimpToSVG , você não pode fazer o download e ver o código "Você precisa de permissão. Deseja ver os dados? Solicite acesso ao administrador.", Mas onde?
kokbira

@Takkat, tentando git.exe pull -v --progress "https://gitlab.com/jabiertxof/gimpToSVG/"retorna "remote: Você não tem permissão para baixar o código deste projeto. / Fatal : não é possível acessar ' gitlab.com/jabiertxof/gimpToSVG.git ': O URL solicitado retornou o erro: 403 / git não saiu corretamente (código de saída 1) (21075 ms @ 13/06/2017 08:29:28) "
kokbira

18

Mesmo que o Gimp não seja um programa vetorial, você pode realmente exportar caminhos únicos como arquivo SVG com o Export Pathitem de menu.

Aqui está um tutorial fotográfico que explica em detalhes como fazê-lo.


12

O GIMP é um aplicativo de edição de gráficos raster. SVG é uma forma de gráficos vetoriais. Se você deseja editar arquivos SVG, instale o inkscapepacote e use o Inkscape. Além disso, lembre-se de que o SVG não é totalmente "escalonável" no sentido de obter uma boa imagem em todos os tamanhos que você dimensionar; portanto, dependendo do que estiver criando com ele, talvez seja necessário desenhar tamanhos diferentes da imagem, com quantidades diferentes de detalhes, para que as imagens tenham uma boa aparência nesses tamanhos. Os ícones de um aplicativo, por exemplo, precisam ser desenhados em vários tamanhos, sejam eles desenhados como imagens rasterizadas ou vetoriais.


7

Se você precisar converter uma imagem rasterizada em uma imagem vetorial, o rastreamento automático é uma ferramenta de linha de comando que faz exatamente isso.

Está disponível como um pacote debian no Debian e Ubuntu chamado autotrace

Um exemplo de uso é:

autotrace input.jpg --output-file output.svg --output-format svg

Atualização: Eu também tive sucesso com o potrace, onde o autotrace estava tendo problemas.


3
Tentei com duas imagens e dá Read Erroreo outro [7B]pT[F5]: invalid chunk type... eles são png válida btw
Adrian

11
@ Adrian, o comando não deveria ser autotrace input.png --output-file output.svg --output-format svg?
Iulian Onofrei 28/03

@ Adrian Eu tenho o mesmo, mas apenas verifiquei o site e acho que não suporta PNG. Eu tentei PBM e então funcionou!
poshaughnessy

Ele não reconheceu png, então eu o converti em jpg. Produziu um svg de quase 6 MB a partir de um jpg de 200 KB. O motivo: basicamente considera cada pixel individual como um pequeno quadrado. Não pode ser usado neste formulário.
Csaba Toth

2
Para futuros leitores, pode ser interessante notar que o InkScape (observado na resposta selecionada) atualmente usa o spinr Potrace para sua ferramenta "Trace Bitmap". Portanto, não deve haver uma diferença significativa entre as saídas do potrace e a ferramenta de rastreamento do InkScape.
Spencer D

0

potraceé a ferramenta para isso. Você pode processá-los em massa, mas primeiro você precisa converter as imagens em monocromático:

ls ./p*.jpg | xargs -L1 -I {}  convert -monochrome {} {}.bmp
ls -1 ./*.bmp | xargs -L1 -I {} potrace {} -r 300 -b svg -o {}.svg

instalar:

sudo apt install potrace
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.