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

Illustrator, Figma या Sketch जैसे डिज़ाइन टूल से एक्सपोर्ट किए गए आइकॉन और लोगो में बहुत सारा अतिरिक्त सामान भरा होता है जिसका इमेज के दिखने से कोई लेना-देना नहीं होता: एडिटर मेटाडेटा, XML टिप्पणियाँ, अनावश्यक ग्रुप रैपर, पंद्रह दशमलव स्थानों तक लिखे गए कोऑर्डिनेट, और ऐसे ID जिन्हें कोई संदर्भित नहीं करता। इनमें से कुछ भी रेंडरिंग को प्रभावित नहीं करता, लेकिन यह हर डाउनलोड को भारी ज़रूर बना देता है — और अगर आपकी साइट दर्जनों SVG आइकॉन इस्तेमाल करती है, तो यह अतिरिक्त बोझ तेज़ी से बढ़ता है।

यह टूल svgo चलाता है, वही ऑप्टिमाइज़ेशन इंजन जो SVGOMG के पीछे है, पूरी तरह आपके ब्राउज़र के अंदर। SVG मार्कअप पेस्ट करें या फ़ाइल छोड़ें, और यह टिप्पणियाँ व एडिटर का कचरा हटा देता है, जहाँ संभव हो पाथ मर्ज कर देता है, अनावश्यक ग्रुप को समेट देता है, और कोऑर्डिनेट को आपके तय किए प्रिसिज़न तक राउंड कर देता है — यह सब आपकी डिवाइस छोड़े बिना। इसमें कोई अपलोड चरण नहीं है और कोई सर्वर शामिल नहीं है, इसलिए यह किसी सार्वजनिक आइकॉन जितना ही किसी प्राइवेट क्लाइंट लोगो के लिए भी उतना ही अच्छा काम करता है।

डिफ़ॉल्ट सेटिंग्स जानबूझकर सतर्क रखी गई हैं: वे viewBox को बनाए रखती हैं (ताकि आइकॉन कहीं भी रखे जाने पर सही तरीके से स्केल हो) और width/height को बरकरार रखती हैं। "width/height हटाएँ" चालू करना तब उपयोगी है जब आप SVG को इनलाइन एम्बेड कर रहे हों और उसका आकार CSS से तय कर रहे हों, क्योंकि रूट एलिमेंट पर तय की गई डाइमेंशन आपकी स्टाइलशीट से टकरा सकती हैं। मल्टीपास ऑप्टिमाइज़र को एक से अधिक बार चलाता है, जिससे वह बचत पकड़ में आती है जो पहले पास द्वारा मार्कअप सरल किए जाने के बाद ही दिखती है — इसे चालू रखना शायद ही कभी नुकसान पहुँचाता है।

प्रिसिज़न यह तय करती है कि पाथ कोऑर्डिनेट में कितने दशमलव स्थान बचे रहें; इसे घटाने से फ़ाइल और छोटी हो जाती है लेकिन बहुत बारीक आर्टवर्क में हल्का विज़ुअल बदलाव आ सकता है, इसलिए इसे बदलने के बाद लाइव पूर्वावलोकन ज़रूर देखें। ज़्यादातर आइकॉन और लोगो के लिए, अकेले डिफ़ॉल्ट सेटिंग्स आमतौर पर बिना किसी दिखने वाले अंतर के फ़ाइल का आकार 40–60% तक घटा देती हैं — डाउनलोड करने से पहले इसकी पुष्टि करने के लिए पूर्वावलोकन और पहले/बाद के आकार काउंटर का उपयोग करें।