Como posso editar um arquivo .SVG?

Respostas:

34

Um arquivo .SVG É um arquivo de origem. Não são camadas no sentido Photoshop / Gimp, mas podem ser separadas. Use um editor SVG - que seria o Illustrator ou o Inkscape.

Como alternativa, se você quiser ficar louco, pode abrir o .SVG em qualquer editor de texto e procurar os valores que deseja alterar, que para cores, estão no formato Hex #nnnnnn

Ryan
fonte
6
Vale destacar a diferença fundamental - em, SVG, Illustrator e Inkscape trabalho geral com vetores, Photoshop e Gimp trabalhar com imagens raster
e100
3
Também é importante notar que o Inkscape é gratuito, multiplataforma e de código aberto.
1

Essa ferramenta pode ajudá-lo a editar o arquivo svg.

Editor SVG

pranesh
fonte
1
Existem muitos editores SVG. Esse é bom?
Usr2564301
2
Você pode elaborar sua resposta? Tal como está, é uma resposta apenas de link que se torna inútil se o link apodrecer e pode ser excluído por esse motivo.
Wrzlprmft
Não, este não é um bom :-)
boatcoder 28/09
0

O TL: DR; A solução para isso é usar o Inkscape: https://inkscape.org/

É gratuito, de código aberto e multiplataforma. Você pode instalar no Ubuntu com "snap install inkscape" ou usar o instalador no site para PC e Mac.

Se você possui o pacote Adobe (e há uma avaliação gratuita de 30 dias), pode usar os caminhos do Photoshop ou o Illustrator para importar, editar e exportar SVGs. Quando uso o Photoshop, alterno minhas preferências de Exportação rápida para clicar com o botão direito do mouse em uma camada de forma e em "Exportação rápida como SVG".

Os gráficos vetoriais SVG também podem ser editados manualmente em qualquer editor de texto, pois são essencialmente apenas um contêiner de marcação para um objeto que contém uma série de vetores.

Outra coisa a ser observada: os SVGs usam a linguagem de marcação, especificamente a tag e, e essas tags são acessíveis para estilizar via CSS. Por exemplo, você pode dar um caminho a um ID e atribuir a ele uma cor de preenchimento.

shaw
fonte