SVG Studio: um espaço privado para os seus ficheiros SVG
Abra um SVG com segurança, procure problemas e edite o código e a tela lado a lado. Tudo corre no seu navegador, por isso o seu trabalho fica no seu dispositivo.
Ferramentas SVG
Editor SVG
Edite código e tela em conjunto, com anular e refazer.
Visualizador SVG
Abra ficheiros ou código SVG e veja-os com zoom e fundos.
Inspetor SVG
Encontre XML inválido, referências quebradas e outros problemas em código SVG.
Só as ferramentas concluídas são listadas. Serão adicionadas mais quando estiverem prontas.
Como funciona
- Abra um ficheiro no visualizador para ver como fica e verificar o tamanho.
- Abra-o no inspetor para encontrar referências quebradas, um viewBox em falta e outros problemas.
- Abra-o no editor para mudar cores e corrigir o código, e exporte o resultado.
Usos comuns
- Verificar um ícone ou logótipo antes de o pôr num site.
- Depurar um SVG que aparece em branco ou com o tamanho errado.
- Mudar a cor de um gráfico simples sem abrir um programa de design.
O que faz
- Cada ficheiro é limpo de scripts, manipuladores de eventos e referências externas antes de ser mostrado.
- Os ficheiros passam de uma ferramenta para outra sem serem escolhidos de novo.
- Limites de tamanho e de complexidade impedem que um ficheiro hostil bloqueie o separador.
- Sem conta, sem envio e nada é guardado.
Bom saber
O SVG Studio cobre por agora ver, inspecionar e editar de forma básica. Ainda não tem ferramentas de desenho, transformações de formas, painel de camadas, otimizador nem conversores, e só as ferramentas concluídas são listadas.
Perguntas frequentes
- O meu SVG é enviado para algum lado?
- Não. O ficheiro é lido e processado no seu separador do navegador. Os servidores do DailyBox nunca o recebem.
- Porque foi removida uma parte do meu SVG?
- Scripts, manipuladores de eventos, HTML incorporado e links para outros sites são removidos porque podem executar código ou carregar conteúdo externo. As ferramentas indicam exatamente o que foi removido.
- Que ferramentas existem hoje?
- O visualizador, o inspetor e o editor. Mais ferramentas SVG só aparecerão aqui quando funcionarem.
- Há um limite de tamanho?
- Até 5 MB, com no máximo 50 000 elementos e 128 níveis de aninhamento, para que um ficheiro avariado ou hostil não bloqueie o seu navegador.
Ferramentas relacionadas
- Só quer ver um ficheiro? Abra-o no visualizador SVG.
- Algo parece errado? Verifique o código no inspetor SVG.
- Pronto para alterar? Edite-o no editor SVG.
Ferramentas relacionadas
- Editor SVGEdite código e tela em conjunto, com anular e refazer.
- Visualizador SVGAbra ficheiros ou código SVG e veja-os com zoom e fundos.
- Inspetor SVGEncontre XML inválido, referências quebradas e outros problemas em código SVG.
- Conversor de cores e contrasteConverta cores entre HEX, RGB e HSL e verifique o contraste WCAG.