SVG ऑप्टिमाइज़र
कोई SVG पेस्ट करें या ड्रॉप करें, कमेंट, मेटाडेटा, एडिटर का कचरा, और ज़्यादा व्हाइटस्पेस हटाएं. साइज़ घटते हुए लाइव देखें.
क्लिक करके .svg फ़ाइल चुनें, या इसे यहां ड्रैग-ड्रॉप करें
या नीचे बॉक्स में सीधे SVG मार्कअप पेस्ट करें. आपकी डिवाइस पर ही रहता है.
प्रीव्यू यहां दिखेगा.
यह कैसे काम करता है
क्लीनअप पास XML/DOCTYPE डिक्लेरेशन, <!-- comments -->,
एडिटर-ओनली नेमस्पेस और मेटाडेटा (Inkscape, Sketch, Illustrator के एक्सपोर्ट एट्रिब्यूट,
डिज़ाइन टूल्स से बचे <metadata> और <title> ब्लॉक)
हटा देता है, और टैग्स के बीच अनावश्यक व्हाइटस्पेस भी हटा देता है, इनमें से कुछ भी SVG के
रेंडर होने के तरीके पर असर नहीं डालता. चाहें तो यह रूट एलिमेंट से एक्सप्लिसिट
width/height एट्रिब्यूट भी हटा सकता है, ताकि SVG सिर्फ़ अपने
viewBox से स्केल हो, जो इसे रिस्पॉन्सिवली एम्बेड करने के लिए काम आता है.
सब कुछ आपके दिए स्ट्रिंग पर टेक्स्ट प्रोसेसिंग है, जो आपके ब्राउज़र के अपने DOM पार्सर से किया जाता है ताकि नतीजा हमेशा वैध XML रहे. कुछ भी अपलोड नहीं होता.
सामान्य प्रश्न
क्या ऑप्टिमाइज़ करने से SVG के दिखने में फ़र्क़ आएगा?
नहीं, जो कुछ भी हटाया जाता है वह या तो अदृश्य मेटाडेटा (कमेंट, XML डिक्लेरेशन, एडिटर-स्पेसिफ़िक एट्रिब्यूट) होता है या टैग्स के बीच का मामूली व्हाइटस्पेस. रेंडर होने वाला शेप बिल्कुल वही रहता है, सिर्फ़ फ़ाइल का बाइट साइज़ घटता है.
ऑप्टिमाइज़ करने के बाद भी मेरे SVG का साइज़ बड़ा क्यों है?
अगर ज़्यादातर साइज़ असली पाथ डेटा (किसी जटिल शेप में कई पॉइंट्स) या किसी एम्बेडेड रास्टर इमेज से आ रहा है, तो अकेले क्लीनअप से ज़्यादा फ़र्क़ नहीं पड़ेगा, क्योंकि वह डेटा दिखने वाले कंटेंट का हिस्सा है. यह टूल पाथ को सरल बनाने के बजाय सुरक्षित, लॉसलेस क्लीनअप पर फ़ोकस करता है, क्योंकि पाथ सरल करने से शेप हल्के-से बदल सकते हैं.
क्या मेरा SVG कहीं अपलोड होता है?
नहीं. ऑप्टिमाइज़ेशन पूरी तरह आपके ब्राउज़र के जावास्क्रिप्ट में होता है. कुछ भी अपलोड नहीं होता.