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

SVG ऑप्टिमाइज़र क्या है?

SVG ऑप्टिमाइज़र वेब डिज़ाइनरों, आइकन लेखकों और फ्रंट-एंड डेवलपरों के लिए एक मुफ़्त, ब्राउज़र-आधारित टूल है, जिन्हें प्रकाशित करने से पहले हाथ से लिखा या निर्यात किया SVG हल्का करना होता है। वेक्टर संपादक अदृश्य वज़न जोड़ते हैं: XML टिप्पणियाँ, मेटाडेटा ब्लॉक, Inkscape/Sodipodi/Illustrator एट्रिब्यूट, अनावश्यक दशमलव, बेकार ट्रांसफ़ॉर्म, रैपर समूह, और ऐसे ID व defs जिन्हें कुछ भी संदर्भित नहीं करता। सेटिंग्स में हर सफ़ाई चालू/बंद करें, मार्कअप पेस्ट करें या .svg फ़ाइल छोड़ें, मूल और अनुकूलित रेंडर को साथ-साथ अपडेट होते देखें, और पहले, बाद, बचत, Gzip व Brotli आँकड़े पढ़ें। परिणाम कॉपी करें या .min.svg के रूप में डाउनलोड करें। इसे इनलाइन आइकन, स्प्राइट शीट, लोगो और चित्रण हल्के करने के लिए उपयोग करें।

SVG ऑप्टिमाइज़र का उपयोग कैसे करें

1. अपना SVG पेस्ट करें, या .svg फ़ाइल छोड़ें/अपलोड करें — मार्कअप इनपुट बॉक्स भर देता है।
2. सेटिंग्स खोलें और ठीक वही सफ़ाइयाँ चालू करें जो आप चाहते हैं: निर्देशांक गोल करना, टिप्पणियाँ, मेटाडेटा व संपादक एट्रिब्यूट हटाना, खाली समूह, अप्रयुक्त ID व defs, ट्रांसफ़ॉर्म मिलाना, इनलाइन स्टाइल छोटा करना, hex रंग छोटे करना, डिफ़ॉल्ट मान हटाना और खाली स्थान छोटा करना।
3. यदि निर्देशांक गोलाई चालू है, तो परिशुद्धता सेट करें (0-5 दशमलव)।
4. मूल और अनुकूलित रेंडर की साथ-साथ तुलना करें ताकि पुष्टि हो कि चित्र अब भी सही दिखता है।
5. वास्तविक आकार बचत देखने के लिए पहले, बाद, बचत, Gzip व Brotli आँकड़े पढ़ें।
6. अनुकूलित SVG कॉपी करें, या इसे .min.svg फ़ाइल के रूप में डाउनलोड करें।

उदाहरण

<svg xmlns="http://www.w3.org/2000/svg"><!-- Generator: Sketch --><title>icon</title><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1.00000 2.49999 L10.333333 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1 2.5 L10.33 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#FFFFFF" fill-opacity="1" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#fff" width="24" height="24"/></svg>

अक्सर पूछे जाने वाले सवाल

ऑप्टिमाइज़र वास्तव में क्या हटाता है?

संबंधित टॉगल चालू होने पर: XML टिप्पणियाँ, <metadata>, <title> व <desc> तत्व, संपादक नेमस्पेस एट्रिब्यूट (Inkscape, Sodipodi, Illustrator), खाली समूह, ऐसे ID जिन्हें कुछ संदर्भित नहीं करता, और बिना संदर्भ वाले <defs>। यह संख्यात्मक एट्रिब्यूट व path डेटा गोल कर सकता है, बेकार ट्रांसफ़ॉर्म मिला सकता है, style एट्रिब्यूट व <style> CSS छोटा कर सकता है, hex रंग छोटे कर सकता है (#ffffff→#fff), और fill-opacity="1" जैसे डिफ़ॉल्ट प्रस्तुति एट्रिब्यूट हटा सकता है।

निर्देशांक गोल करने से मेरा SVG दिखने में बदलेगा?

कम परिशुद्धता पर गोल करने से बिंदु इकाई के बहुत छोटे अंश जितने खिसक सकते हैं, जो प्रायः अदृश्य पर छोटा होता है। सटीक ज्यामिति के लिए परिशुद्धता बढ़ाएँ (5 दशमलव तक), या संख्याएँ अछूती रखने के लिए गोलाई बंद करें।

क्या मैं फ़ाइल लोड करके परिणाम का पूर्वावलोकन कर सकता हूँ?

हाँ। .svg फ़ाइल छोड़ें या अपलोड करें (या मार्कअप पेस्ट करें) और मूल तथा अनुकूलित रेंडर साथ-साथ दिखते हैं ताकि किसी टूट-फूट को पकड़ सकें। फिर आउटपुट कॉपी करें या अनुकूलित .min.svg डाउनलोड करें — कुछ भी अपलोड नहीं होता; फ़ाइल स्थानीय रूप से पढ़ी जाती है।

Gzip और Brotli आँकड़ों का क्या अर्थ है?

Gzip आकार अनुकूलित SVG को आपके ब्राउज़र में वास्तव में संपीड़ित करके मापा जाता है, इसलिए यह gzip-सक्षम कनेक्शन पर वास्तविक बाइट दर्शाता है। Brotli आँकड़ा उसी gzip आकार से निकाला गया अनुमान है (brotli प्रायः पाठ को थोड़ा और छोटा करता है); असली brotli एन्कोडर बंडल करने के लिए बहुत भारी है, इसलिए इसे टिल्डे से चिह्नित किया गया है।

क्या मेरा SVG कहीं अपलोड होता है?

नहीं। पार्सिंग, सफ़ाई, आकार माप और सीरियलाइज़ेशन सब आपके ब्राउज़र में अंतर्निहित DOMParser से स्थानीय रूप से होते हैं। कुछ भी सर्वर पर नहीं भेजा जाता, इसलिए टूल ऑफ़लाइन काम करता है और आपकी कलाकृति निजी रहती है।