Formate Código SVG para Legibilidade
Arquivos SVG de ferramentas de design frequentemente são minificados em uma linha ilegível. Este formatador adiciona recuo e quebras de linha adequados para tornar o código SVG legível para humanos. Útil para depuração, edição e compreensão de como um SVG é construído. Todo o processamento acontece no seu navegador.
Como Usar
- Cole código SVG minificado na área de texto ou faça upload de um arquivo SVG
- A ferramenta muda automaticamente para a aba Formatar
- Clique em Embelezar para formatar o código SVG
- A saída formatada mostra recuo e estrutura adequados
- Copie o código formatado ou baixe o arquivo
Operações de Formatação
A aba Formatar oferece cinco operações:
- Embelezar: adiciona recuo e quebras de linha para SVG legível por humanos
- Minificar: remove todos os espaços em branco para a menor saída possível
- CSS Inline: move regras de estilo para atributos inline para compatibilidade com HTML de e-mail
- Caminhos Absolutos: converte comandos de caminho relativos para coordenadas absolutas
- Remover Metadados: remove atributos específicos do editor e elementos de metadados
Casos de Uso Comuns
Depurar problemas de renderização SVG
Quando um SVG não renderiza corretamente, o código formatado facilita identificar problemas estruturais, atributos incorretos ou elementos aninhados causando problemas.
Editar SVGs à mão
Código SVG embelezado é legível o suficiente para editar diretamente. Altere cores, ajuste caminhos, modifique texto ou reestruture elementos sem abrir uma ferramenta de design.
Aprender a estrutura SVG
SVGs formatados revelam a estrutura do documento, facilitando a compreensão de como caminhos, gradientes, filtros e outros recursos SVG trabalham juntos.