छोटी SVG फ़ाइलें, जो बिल्कुल वैसी ही दिखती हैं
Illustrator, Figma, Inkscape या Sketch से एक्सपोर्ट की गई SVG में बहुत-सा ऐसा बोझ होता है जिसे ब्राउज़र कभी ड्रॉ नहीं करता: एडिटर मेटाडेटा, कमेंट, छिपी लेयर, आठ दशमलव स्थानों वाले नंबर, ग्रुप के अंदर ग्रुप। यह ऑप्टिमाइज़र आपके ब्राउज़र में SVGO — SVG ऑप्टिमाइज़ करने का स्टैंडर्ड टूल — चलाकर इसे हटाता है, और रिज़ल्ट को ओरिजिनल के बगल में दिखाता है ताकि आप देख सकें कि साइज़ के अलावा कुछ नहीं बदला।
SVG को ऑप्टिमाइज़ कैसे करें
- 1एक या ज़्यादा SVG फ़ाइलें डालें, उन्हें चुनें, या SVG मार्कअप पेस्ट करें।
- 2पहले और बाद का प्रीव्यू, और हर फ़ाइल में बचा साइज़ देखें।
- 3छोटी फ़ाइलों के लिए प्रिसिशन कम करें; अगर कर्व गलत दिखने लगें तो इसे बढ़ाएँ।
- 4SVGO प्लगइन को एक-एक करके चालू या बंद करें — जैसे, width और height हटाएँ ताकि SVG CSS के साथ स्केल हो।
- 5ऑप्टिमाइज़ की गई SVG डाउनलोड करें, मार्कअप कॉपी करें, या सभी फ़ाइलें एक साथ ZIP में डाउनलोड करें।
क्या-क्या हटाया जाता है
- एडिटर डेटा
- मेटाडेटा, कमेंट, XML डिक्लेरेशन और doctype, और वे नेमस्पेस और एट्रिब्यूट जो Inkscape, Illustrator और Sketch अपने लिए जोड़ते हैं।
- फ़ालतू मार्कअप
- खाली ग्रुप और एट्रिब्यूट, डिफ़ॉल्ट वैल्यू, छिपे एलिमेंट, इस्तेमाल न हुई डेफ़िनिशन और ID, और ऐसे ग्रुप जो सिर्फ़ एक एलिमेंट को लपेटते हैं।
- लंबी-चौड़ी ज्योमेट्री
- पाथ डेटा को रिलेटिव कमांड और कम अंकों के साथ दोबारा लिखा जाता है, शेप छोटे पाथ बन जाते हैं, और जहाँ संभव हो ट्रांसफ़ॉर्म को कोऑर्डिनेट में मिला दिया जाता है।
सुरक्षित डिफ़ॉल्ट, ज़्यादा असरदार विकल्प
डिफ़ॉल्ट सेट SVGO का अपना प्रीसेट है, जिसे इस तरह चुना गया है कि तस्वीर न बदले। अतिरिक्त विकल्प और आगे जाते हैं, पर साइज़ से ज़्यादा बदलते हैं: width और height हटाने से SVG अपने कंटेनर को भर देती है, title हटाने से उसका नाम स्क्रीन रीडर से छिप जाता है, और xmlns हटाना सिर्फ़ HTML में इनलाइन पेस्ट की गई SVG के लिए ठीक है।
पहले किसी बिटमैप को SVG में बदलने के लिए इमेज कन्वर्टर इस्तेमाल करें, जो अपनी SVG सीधे यहाँ भेज सकता है; रिज़ल्ट को एम्बेड करने के लिए इमेज से Base64 इस्तेमाल करें।
अक्सर पूछे जाने वाले सवाल
- क्या यह SVGO या SVGOMG जैसा ही है?
- यह खुद SVGO चलाता है, वही इंजन जो SVGOMG इस्तेमाल करता है, उसके डिफ़ॉल्ट प्रीसेट और उन्हीं प्लगइन के साथ स्विच के रूप में। सब कुछ आपके ब्राउज़र में चलता है।
- क्या ऑप्टिमाइज़ करने से मेरी SVG का लुक बदल जाएगा?
- डिफ़ॉल्ट सेटिंग के साथ नहीं। बहुत कम प्रिसिशन बारीक कर्व को मोड़ सकता है, और कुछ अतिरिक्त विकल्प साइज़िंग या एक्सेसिबिलिटी बदलते हैं — पहले और बाद का प्रीव्यू फ़र्क तुरंत दिखा देता है।
- क्या मैं कई SVG फ़ाइलें एक साथ ऑप्टिमाइज़ कर सकता हूँ?
- हाँ। जितनी चाहें डालें, सबके लिए सेटिंग एक बार बदलें, और उन्हें एक साथ ZIP में डाउनलोड करें।
- gzip साइज़ क्यों दिखाया जाता है?
- वेब सर्वर आमतौर पर SVG को gzip से कंप्रेस करके भेजते हैं, इसलिए यह विज़िटर के असल में डाउनलोड किए जाने वाले साइज़ के ज़्यादा करीब है।
- क्या मेरी फ़ाइलें अपलोड होती हैं?
- नहीं। SVGO आपके ब्राउज़र में चलता है और फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं।