मोफत SVG ऑप्टिमायझर आणि मिनिफायर

हे कसे कार्य करते

हे साधन पूर्णपणे तुमच्या ब्राउझरमध्ये चालणाऱ्या गराज-लिहिलेल्या optimizer वापरून SVG फाइल आकार कमी करते — लायब्ररी, सर्व्हर नाही. हे दोन पास एकत्र करते: attribute-स्तरीय अचूकतेसाठी ब्राउझरचे बिल्ट-इन DOMParser/XMLSerializer, आणि comment काढणे, metadata काढणे, आणि whitespace संकुचनासाठी लक्ष्यित regex substitutions.

1. 1
   DOMParser SVG स्वच्छ करते

   कोणत्याही optimization आधी, ब्राउझरचा DOMParser SVG ला XML म्हणून वाचतो आणि प्रत्येक घटकातून जातो. Script tags, event handlers (कोणताही on* attribute), animation घटक, आणि बाह्य URL संदर्भ बिनशर्त काढले जातात — तुम्ही कोणतेही optimization पर्याय निवडले तरी हे चालते.
2. 2
   DOM-आधारित दशांश गोलाकार

   दशांश गोलाकार सक्षम असल्यास, optimizer पार्स केलेल्या DOM मधून दुसऱ्यांदा जातो आणि ज्ञात संख्यात्मक attributes (path d डेटा, निर्देशांक, transform मूल्ये, stroke रुंदी, इ.) ला .5.5 सारख्या एकत्रित path मूल्यांना गैरवापर न करता वैयक्तिक floating-point संख्या जुळवणारा regex वापरून गोलाकार लावतो.
3. 3
   Regex passes सीरियलाइझ केलेली markup स्वच्छ करतात

   XMLSerializer नॉर्मलाइझ केलेली XML तयार करतो, नंतर लक्ष्यित स्ट्रिंग replacements HTML comments, Inkscape/Sodipodi editor metadata, XML declaration, अनावश्यक डीफॉल्ट attributes (version="1.1" सारखे), आणि inter-tag whitespace काढतात — प्रत्येक pass संकुचितपणे scoped त्यामुळे मजकूर node सामग्रीला कधीच स्पर्श होत नाही.
4. 4
   Gzip आकार आणि एक्सपोर्ट फॉरमॅट्स

   ब्राउझरचे CompressionStream API इनपुट व आउटपुट दोन्हीचे खरे gzip आकार मोजते, कारण तेच वेबवर transfer खर्च खरोखर ठरवते. Optimized SVG डाउनलोड करता येतो, कच्चा SVG म्हणून कॉपी करता येतो, React JSX-तयार camelCase attributes मध्ये रूपांतरित करता येतो, किंवा CSS data URI म्हणून एन्कोड करता येतो — सर्व रूपांतरे स्थानिक पातळीवर होतात.

संबंधित साधने