Editor de SVG
Use o Editor de SVG, revise o resultado e mantenha o original até que a saída seja verificada.
SVG Editor
SVG Library
SVG Information
SVG Statistics
O que é um Editor SVG?
O Editor SVG é uma ferramenta online completa para criar, editar e manipular Gráficos Vetoriais Escaláveis (SVG) diretamente do seu navegador. É aquele editor poderoso que lida com todos os problemas de gráficos vetoriais sem precisar instalar qualquer software de escritório pesado. Portanto, o editor de código completo, visualização, ferramentas de forma e biblioteca SVG permitem que os usuários criem e modifiquem gráficos SVG conforme desejam para desenvolvimento web, projetos de design ou fins de ilustração digital.
Ele nos fornece as funções básicas, principalmente a validação de código em tempo real, otimização e formatação do SVG com várias opções de exportação. Uma pessoa pode desenhar formas básicas, inserir elementos SVG pré-definidos da biblioteca, alterar as propriedades dos elementos e ajustar gráficos. Tudo acontece localmente no seu navegador, com nenhum vazamento de arquivos SVG em qualquer dispositivo.
Como usar a Ferramenta de Editor SVG
-
Criar ou Abrir Conteúdo SVG: Você pode criar um novo SVG do zero com as ferramentas de forma ou inserindo elementos da biblioteca SVG. Você também pode abrir qualquer arquivo SVG existente usando o botão "Abrir Arquivo SVG".
-
Editar Código SVG: Edite diretamente a estrutura XML SVG via o editor de código integrado na aplicação. A destaque de sintaxe, dobramento de código e validação em tempo real serão de ajuda ao escrever código SVG limpo.
-
Usar Ferramentas de Forma: Clique em qualquer ferramenta de forma, incluindo retângulo, círculo, linha, triângulo, elipse, polígono, caminho e texto, para colocar esse elemento no canvas SVG.
-
Modificar Propriedades dos Elementos: Ao mesmo tempo que a posição e o tamanho de qualquer elemento selecionado, você poderá controlar corretamente as coordenadas X/Y, largura, altura, cor de preenchimento, cor de traço e largura de traço.
-
Biblioteca SVG: Nesta biblioteca integrada, você pode visualizar e inserir itens SVG pré-designados, como corações, estrelas, setas, marcos de verificação, nuvens e engrenagens.
-
Validar e Otimizar: Quando você clicar no botão "Validar", ele verificará seu arquivo SVG em busca de erros de sintaxe; ao clicar em "Otimizar", ele reduz o tamanho do arquivo SVG removendo dados desnecessários.
-
Exportar Sua Obra: Você pode exportar sua obra em SVG, PNG, Base64 ou CSS, e suporte a utilização de seus gráficos de diferentes maneiras.
FAQ do Editor de SVG
O que o Editor de SVG faz?
Abra um arquivo SVG suportado no seu navegador, faça as edições disponíveis, revise a saída vetorial e baixe o resultado.
Quais arquivos funcionam com o Editor de SVG?
Esta categoria geralmente suporta SVG e PNG exportado. Use os tipos de arquivo aceitos mostrados no carregador de arquivos, pois o suporte varia pelo navegador e pela engine por trás de cada ferramenta.
O que posso alterar com esta ferramenta?
Os controles desta página definem o escopo. Qualquer coisa que o formato suporte, mas que a ferramenta não exponha, será mantida como veio.
Meu arquivo original será alterado?
Não. O trabalho é feito em uma cópia nesta aba pelo próprio modelo de documento SVG do navegador, e o resultado chega como um download separado, então seu original permanece lá caso você precise dele.
Como meu arquivo é processado?
Ele não é enviado. O processamento é feito localmente pelo próprio modelo de documento SVG do navegador, de modo que o limite prático é a memória do seu dispositivo e o limite mostrado ao lado do carregador de arquivos — sem fila, sem conta, sem cópia em um servidor.
Qualidades que o Editor SVG oferece para criar gráficos vetoriais?
O Editor SVG oferece um conjunto de recursos para criar e editar gráficos vetoriais diretamente do navegador. Um editor de código completo é fornecido com destaque de sintaxe e recursos de validação em tempo real, permitindo que a sintaxe XML SVG seja criada e modificada diretamente. Ele fornece ferramentas de forma para criar elementos básicos como retângulos, círculos, linhas, triângulos, elipses, polígono, caminhos e texto. Além disso, ele possui uma biblioteca SVG que contém elementos comuns, como corações, estrelas, setas e engrenagens. A partir daí, você pode definir as propriedades de posição, tamanho, cor de preenchimento, cor de traço e largura de traço dos seus elementos com precisão milimétrica. A visualização em tempo real também está incluída, permitindo que você veja suas alterações conforme as aplica. Todas essas características tornam o editor uma ferramenta poderosa e simples para a criação e edição de SVG.