Visualização SVG on-line – gratuita

Como funciona

1. 1

   Abra a página de visualização do SVG – não é necessário registro.

2. 2

   Cole ou digite sua entrada no editor.

3. 3

   Ajuste as configurações e revise a visualização ao vivo (visualização ao vivo).

4. 4

   Copie a saída ou baixe o arquivo processado para o seu dispositivo.

Casos de uso comuns

• Crie protótipos de efeitos CSS e snippets de layout rapidamente
• Gere valores para transferência para um sistema de design ou base de código
• Experimente gradientes, sombras e raios visualmente
• Copie o código pronto para CodePen, VS Code ou seu CMS

Dicas e comparações

• 1Em comparação com aplicativos de desktop, esta visualização SVG online começa instantaneamente e não precisa de atualizações – marque-a para tarefas repetidas.
• 2Os serviços de upload na nuvem podem armazenar cópias dos seus arquivos; esta ferramenta do navegador continua processando localmente quando o recurso permite.
• 3Para fluxos de trabalho em lote ou corporativos, combine esta ferramenta com os estúdios Tentaco ou exporte os resultados para seu próprio pipeline.

Privacidade e tratamento de dados

Tentaco executa esta ferramenta em seu navegador sempre que possível. O texto e a entrada estruturada que você cola são tratados na sessão da página, a menos que a ferramenta busque dados remotos explicitamente. Feche a guia ou limpe a página após usar em computadores compartilhados. Os recursos que chamam APIs externas (como buscadores de URL) enviam apenas os dados necessários para essa solicitação.

Guias relacionados

• SVG para PNG — rasterizar vetor online

  Converta ícones e logotipos SVG em PNG no seu navegador — escolha o tamanho e o DPI para web ou impressão.

• Otimizador SVG on-line — grátis

  Minimize e limpe a marcação SVG.

• SVG para reagir online – grátis

  Converta o componente SVG para React.

• Gerador de tabelas HTML online – grátis

  Gere uma tabela HTML simples.

• SVG para Vue on-line - grátis

  Converter modelo SVG em Vue SFC.

• Simplifique a proporção de aspecto online – grátis

  Reduza a proporção como 1920:1080 para 16:9.

• SVG Sprite Generator on-line — grátis

  Crie uma planilha de sprites SVG.

• Gerador Flexbox – layout flexível CSS

  Crie layouts flexbox visualmente – justifique, alinhe e espalhe com cópia CSS.