Formatador SVG: Formate Código SVG Online

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

1. Cole código SVG minificado na área de texto ou faça upload de um arquivo SVG
2. A ferramenta muda automaticamente para a aba Formatar
3. Clique em Embelezar para formatar o código SVG
4. A saída formatada mostra recuo e estrutura adequados
5. 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.