dividir SVG

Dividir SVG

Quebre um SVG em suas peças de primeiro nível. Veja a prévia de cada grupo, símbolo e forma, marque as que quiser e leve como arquivos separados.

dividir SVG

☞ roda inteiramente no seu navegador — nada é enviado

Solte seu SVG aqui

ou clique para procurar — somente SVG

um arquivo por peça

O que conta como peça

Só o primeiro nível do arquivo é dividido, e apenas as partes que realmente desenham algo: grupos, símbolos, caminhos, formas, texto e imagens. Gradientes, filtros, máscaras e folhas de estilo são definições, não desenhos, então nunca aparecem sozinhos na lista — um arquivo contendo só um gradiente ficaria em branco.

Cada peça exportada leva junto todo o conjunto de definições e estilos do original. Isso deixa cada arquivo maior do que o estritamente necessário, e a troca é proposital: uma peça que renderiza exatamente como dentro do original vale mais que uma menor com um gradiente faltando. Passe os resultados pelo otimizador de SVG para descartar o que não usam.

três passos

Como dividir um SVG

01

Solte o SVG

Escolha um arquivo .svg — ele fica no seu dispositivo.

02

Marque as peças

Cada uma aparece na prévia exatamente como será exportada.

03

Baixe

Uma peça baixa direto; várias chegam como ZIP.

respostas rápidas

Perguntas frequentes sobre dividir SVG

Por que cada peça é do tamanho do original?

Porque ela leva o bloco defs inteiro e qualquer folha de estilos. Descobrir qual gradiente ou filtro uma forma realmente usa é adivinhação que erra em silêncio, então cada peça recebe tudo. O otimizador de SVG remove as partes não usadas em uma passada.

Nada foi listado — por quê?

Provavelmente o desenho inteiro está dentro de um único grupo, que conta como uma peça só. A divisão é limitada de propósito ao primeiro nível; ir mais fundo produziria centenas de fragmentos a partir de uma ilustração comum.

Funciona com sprites de ícones?

Funciona, e é o caso que ele resolve melhor. Cada símbolo do sprite vira um arquivo independente usando o viewBox daquele símbolo, então você recebe um ícone corretamente enquadrado por arquivo, em vez de uma tela em branco.

As peças são recortadas ao conteúdo?

Não. Cada peça mantém o viewBox original, então fica na mesma posição e escala que tinha no desenho completo. Use depois a ferramenta de recortar SVG se quiser apertar o enquadramento.

Quantas peças ele aguenta?

As primeiras 100 peças de primeiro nível são listadas. Além disso, montar as prévias demora mais do que a divisão vale — achate ou agrupe o arquivo antes.

Meu arquivo é enviado para algum servidor?

Não. O arquivo é interpretado e dividido no seu navegador, e o ZIP também é montado lá.