Minifique Arquivos SVG para Produção
SVGs minificados removem todos os espaços em branco, encurtam valores de atributos e produzem a menor saída possível. Isso é ideal para implantação em produção, onde cada byte conta. O minificador mantém todos os elementos visuais intactos enquanto torna o código o mais compacto possível. Todo o processamento acontece no seu navegador.
Como Usar
- Cole o código SVG na área de texto ou faça upload de um arquivo SVG
- A ferramenta muda automaticamente para a aba Formatar
- Clique em Minificar para remover todos os espaços em branco e encurtar atributos
- Compare os tamanhos original e minificado
- Baixe o SVG minificado para uso em produção
Minificação vs. Otimização
| Recurso | Minificar | Otimizar |
|---|---|---|
| Remove espaços em branco | Sim | Sim |
| Encurta atributos | Sim | Sim |
| Remove metadados | Não | Sim |
| Colapsa grupos | Não | Sim |
| Funde caminhos | Não | Sim |
| Remove dados do editor | Não | Sim |
| Redução de tamanho | 10-30% | 30-70% |
Casos de Uso Comuns
Implantação em produção
Minifique os SVGs antes de implantá-los em produção para reduzir o uso de largura de banda e melhorar os tempos de carregamento de página. A saída visual é idêntica, apenas o código é mais compacto.
Folhas de sprite SVG
Ao combinar múltiplos SVG em uma folha de sprite, minifique cada SVG primeiro para minimizar o tamanho total do arquivo do sprite.
Incorporação de SVG em e-mail
Clientes de e-mail têm limites estritos de tamanho. Minificar os SVGs ajuda a manter esses limites enquanto preserva o design visual.