Mantém o meu desenho original?

Sim. As edições só alteram os atributos em que mexe. Se não for encontrado nada perigoso, a exportação é o seu código tal como o editou.

Porque é que a minha cor não mudou?

Uma folha de estilos do ficheiro pode sobrepor-se aos atributos. Quando o ficheiro tem uma, as alterações são escritas no atributo style, que tem prioridade.

Posso desenhar formas novas?

Ainda não. Pode adicionar formas escrevendo o código no painel de código e elas aparecem logo na tela.

As minhas alterações são guardadas?

Não automaticamente. Nada é guardado nem enviado, por isso exporte antes de sair da página.

Editor SVG: edite o código e a tela em conjunto

Abra um SVG, clique numa forma para mudar o preenchimento, o contorno e a opacidade, ou edite diretamente o código. A tela e o código ficam sincronizados.

Largue aqui um ficheiro SVG

Até 5 MB. Aberto apenas no seu navegador.

O seu SVG é processado neste separador do navegador. Nunca é enviado.

Como funciona

Abra ou cole um SVG. A tela e o código aparecem juntos.
Clique numa forma e mude o preenchimento, o contorno, a espessura ou a opacidade, ou edite o código.
Anule ou refaça conforme preciso e exporte o SVG.

Usos comuns

Mudar a cor de um ícone para combinar com uma marca.
Fazer uma correção rápida ao código de um gráfico e ver o resultado.
Descobrir a que elemento do código pertence uma forma no ecrã.

O que faz

Seleção na tela que salta para a linha correspondente do código.
Alterações de preenchimento, contorno, espessura e opacidade escritas de volta no código.
Anular e refazer, zoom, deslocamento, grelha e fundos.
O conteúdo perigoso é removido da tela e da exportação.

Bom saber

Esta é a primeira versão do editor. Ainda não tem ferramentas de desenho, pegas para mover, redimensionar ou rodar, painel de camadas, nem edição de gradientes e caminhos, e não guarda o seu trabalho automaticamente. Exporte para manter as alterações.

Perguntas frequentes

Mantém o meu desenho original?: Sim. As edições só alteram os atributos em que mexe. Se não for encontrado nada perigoso, a exportação é o seu código tal como o editou.
Porque é que a minha cor não mudou?: Uma folha de estilos do ficheiro pode sobrepor-se aos atributos. Quando o ficheiro tem uma, as alterações são escritas no atributo style, que tem prioridade.
Posso desenhar formas novas?: Ainda não. Pode adicionar formas escrevendo o código no painel de código e elas aparecem logo na tela.
As minhas alterações são guardadas?: Não automaticamente. Nada é guardado nem enviado, por isso exporte antes de sair da página.

Ferramentas relacionadas

Algo parece errado? Verifique o código no inspetor SVG.
Só quer ver um ficheiro? Abra-o no visualizador SVG.
Precisa de uma cor noutro formato? Experimente o conversor de cores.
Veja todas as ferramentas no SVG Studio.