RevealTheme logo

SVG Optimize Edici

SVG işaretlemesinden gereksiz meta verileri, yorumları ve boşlukları kaldırın.

Bu araç nasıl kullanılır

  1. 1

    Paste your raw SVG markup into the input box.

  2. 2

    Read the byte count and percentage saved shown above the result.

  3. 3

    Review the minified SVG in the output box to confirm it still renders correctly.

  4. 4

    Click Copy to put the optimized markup on your clipboard.

SVG Optimize Edici nedir?

Figma veya Illustrator gibi tasarım araçlarından dışa aktarılan SVG dosyaları genellikle düzenleyici meta verileri, XML bildirimleri ve tarayıcıların ihtiyaç duymadığı ayrıntılı ad alanları içerir. Bu araç bunları kaldırır: tipik tasarruf, herhangi bir görsel fark olmadan dosya boyutunun %20 ile %60'ı arasındadır.

Yaygın kullanım örnekleri

  • Shrinking icon SVGs exported from Figma before pasting them inline into a React or Vue component.

  • Cleaning up Illustrator output that ships with a verbose XML header and editor comments.

  • Reducing the size of small inline SVGs embedded directly in HTML to trim page weight.

  • Removing designer metadata and indentation before committing icons to a shared repo.

  • Quickly checking how many bytes a given SVG can save before reaching for a heavier build-time tool.

  • Tidying SVG snippets pasted into a CMS or email template where extra whitespace bloats the payload.

Sıkça sorulan sorular

SVGO kadar iyi mi?
SVGO daha agresiftir (yol basitleştirme, öznitelik birleştirme). Bu araç, en yaygın iyileştirmeleri —boşluklar, yorumlar, XML başlıkları— tarayıcınızda anında halleder.

İlgili araçlar