✂️ Otimização de SVG
Remove metadados desnecessários, comentários, espaços em branco e tags do editor de arquivos SVG, e arredonda pontos decimais para reduzir significativamente o tamanho. Suporta saída em formatos CSS / HTML / JSX / Vue.
100% Free
No signup
Browser-only
5 languages
Dark mode
Visualizar
🔗 Ferramentas relacionadas
📖 Como usar
-
1
Paste SVG or open a filePaste SVG code into the left textarea or click Open to load an SVG file. Use the Sample button to try a demo SVG.
-
2
Select optimization optionsToggle checkboxes such as remove comments, strip metadata, strip editor attributes, and collapse whitespace. Reducing decimal precision can cut size further.
-
3
Copy output or choose a formatThe optimized SVG appears on the right. Switch the format dropdown to output as CSS background-image data URI, HTML img, JSX, or Vue.
❓ Perguntas frequentes
How much size reduction can I expect?
SVGs exported from Inkscape or Illustrator contain lots of metadata. A 20–60% size reduction is typical. Enabling all options achieves the maximum reduction.
Does removing title/desc affect accessibility?
Yes. If you use the SVG as an img it is usually fine, but inline accessible icons should keep title and desc tags.
Can I use the JSX output directly in React?
Yes. Selecting JSX converts kebab-case attributes to camelCase and replaces class with className, ready to paste into a React component.
🐛 Você encontrou um problema com esta ferramenta?
Completamente gratuito e sem registro. Até as etapas de reprodução são suficientes. Os relatos recebidos chegam diretamente aos operadores e servem como referência para correções.
✅
Obrigado por seu relato!
Recebido pelos administradores. Usaremos como referência para melhorias.