Como editar arquivos SVG no navegador

SVG (Scalable Vector Graphics) armazena uma imagem como formas e traçados, ou seja, matemática, não pixels. É por isso que um logotipo salvo como SVG permanece perfeitamente nítido, seja como favicon ou como outdoor, e por isso é o formato certo para ícones, logotipos e ilustrações. Também significa que você pode abrir o arquivo e editar as formas reais, em vez de mexer pixel por pixel.

Editar a fonte SVG é quase sempre melhor do que editar um PNG exportado: mova um ponto de ancoragem e a curva permanece suave; mude um preenchimento e a cor fica exata; redimensione tudo e nada fica borrado. Para isso, você precisa de um editor que entenda de vetores.

O editor vetorial do EditItAll abre arquivos SVG diretamente no seu navegador:

• Abra o editor e carregue seu .svg: um logotipo, um conjunto de ícones ou uma ilustração.
• Use a ferramenta de seleção (V) para mover e redimensionar objetos inteiros, e a ferramenta de seleção direta (A) para pegar pontos de ancoragem individuais.
• Mude a cor de preenchimentos e contornos, edite qualquer texto com a ferramenta de texto (T), e ajuste formas no lugar com guias inteligentes e atalhos no estilo do Illustrator.

Seu trabalho é salvo automaticamente no navegador à medida que você avança, e o editor inteiro continua funcionando se você ficar offline depois de carregado: um sinal claro de que seu arquivo não está sendo enviado a lugar nenhum.

O verdadeiro poder está em remodelar traçados. A ferramenta Caneta (P) posiciona pontos de ancoragem com alças Bézier, para que você possa redesenhar uma curva, adicionar um ponto a um logotipo ou traçar uma forma nova do zero. O lápis fica ali para desenho à mão livre.

Para criar artes mais complexas, combine formas simples com operações booleanas: União para fundi-las, Subtrair frente para recortar uma da outra, Interseção para manter só a sobreposição, e Exclusão para removê-la. Elas rodam em um mecanismo geométrico de aritmética exata, então as bordas resultantes permanecem limpas em vez de desviar frações de pixel. É assim que você transforma alguns retângulos e círculos em um ícone pronto.

Quando terminar, salve novamente como .svg para manter o arquivo totalmente editável, ou exporte um PNG em 2× quando precisar de uma imagem raster para a web ou um documento. Se você já tem um SVG e só quer um PNG, o conversor de SVG para PNG dedicado faz isso em uma única etapa.

Duas limitações honestas: o editor lê SVG padrão, não os arquivos .ai ou .eps da Adobe, e não faz malha de gradiente, preenchimentos de padrão ou cor CMYK. Ainda assim, para editar logotipos, ícones e ilustrações do dia a dia como SVG, tudo o que você precisa roda no seu dispositivo. Abra o editor vetorial para começar.