📐 SVG ऑप्टिमाइज़र

परिचय

Inkscape, Adobe Illustrator या Figma जैसे उपकरणों से निर्यात किए गए SVG फ़ाइल अक्सर बहुत अधिक अदृश्य अतिरिक्त भार ले जाते हैं: एडिटर-विशिष्ट नेमस्पेस (sodipodi:, inkscape:), मेटाडेटा ब्लॉक, XML कमेंट और अतिरिक्त व्हाइटस्पेस। यह उपकरण ब्राउज़र के डोम इंजन के साथ आपके SVG को पार्स करता है और एक संरक्षित तरीके से उस अतिरिक्त को हटा देता है - यह कभी भी निर्देशांक, रंग या पथ डेटा को नहीं बदलता, इसलिए आपकी चित्र ऑप्टिमाइज़ेशन के बाद एक जैसा दिखता है। आपको एक तुलना आकार और एक लाइव रेंडर प्रीव्यू मिलता है ताकि आप डाउनलोड करने से पहले यह निश्चित कर सकें कि कोई दृश्य बदलाव नहीं हुआ है।

कैसे उपयोग करें

1. अपने SVG मार्कअप को इनपुट बॉक्स में पेस्ट करें या फ़ाइल लोड करें बटन पर क्लिक करके अपने डिवाइस से .svg फ़ाइल खोलें।
2. ओप्टिमाइज़ करें बटन पर क्लिक करके DOM-आधारित क्लीनर चलाएं, जो कमेंट, मेटाडेटा और Inkscape/Sodipodi एडिटर तत्वों को हटा देता है।
3. बीफोर/एफटर आकार तुलना की जांच करें और लाइव SVG प्रीव्यू की जांच करें ताकि आप निश्चित कर सकें कि चित्र दृश्य रूप से अपरिवर्तित रहा है।
4. ओप्टिमाइज़ किए गए SVG कोड को सीधे कॉपी करें या डाउनलोड करें बटन पर क्लिक करके अपने डिवाइस पर साफ किए गए .svg फ़ाइल को सहेजें।

सामान्य प्रश्न

मेरे SVG के दिखावट को ऑप्टिमाइज़र बदल देगा?

नहीं। यह उपकरण केवल अदृश्य अतिरिक्त तत्वों - कमेंट, मेटाडेटा और एडिटर-विशिष्ट तत्वों - को हटाता है और व्हाइटस्पेस को संकुचित करता है। पथ, आकृतियां, रंग और परिवर्तन कभी भी छूए नहीं जाते हैं।

यह कौन से एडिटर-विशिष्ट अपमार्जन करता है?

यह Inkscape और Sodipodi नेमस्पेस तत्वों और एट्रिब्यूट, RDF/Dublin Core मेटाडेटा, XML कमेंट और टैग के बीच अनावश्यक व्हाइटस्पेस को हटा देता है - निर्यात किए गए SVG में बढ़ते आकार के सबसे आम स्रोत।

मेरा SVG कोड किसी सर्वर पर भेजा जाता है?

नहीं। सभी पार्सिंग और साफ करना आपके ब्राउज़र में पूरी तरह से होता है DOM API के उपयोग से। आपका SVG कोड कभी भी आपके उपकरण से बाहर नहीं जाता है।

मैं कितने फ़ाइल आकार की बचत की उम्मीद कर सकता हूं?

बचत स्रोत पर निर्भर करती है। एक पूर्ण मेटाडेटा वाला Inkscape फ़ाइल आमतौर पर 10-40% कम हो जाता है। जो फ़ाइल पहले से निर्यात की गई है वे केवल 2-5% कम हो सकते हैं। उपकरण आपको प्रत्येक चलाने के बाद बाइट की संख्या और बचे हुए प्रतिशत दिखाता है।

क्या मैं इसे Figma या Adobe Illustrator से निर्यात किए गए SVG पर उपयोग कर सकता हूं?

हां। ऑप्टिमाइज़र किसी भी स्रोत से SVG पर काम करता है। Figma निर्यात पहले से ही बहुत साफ होते हैं, इसलिए बचत छोटी होती है। Illustrator निर्यात अक्सर एम्बेडेड फॉन्ट और ICC प्रोफाइल शामिल करते हैं, जो यह संरक्षित ऑप्टिमाइज़र जानबूझकर छोड़ देता है।

क्या यह टूल मेरा डेटा अपलोड करता है?

नहीं। सब कुछ आपके ब्राउज़र में ही चलता है, इसलिए आपका डेटा कभी आपके डिवाइस से बाहर नहीं जाता — पेज लोड होने के बाद यह ऑफ़लाइन भी काम करता है।