SVG फ़ाइलें कंप्रेस करें

SVG (Scalable Vector Graphics) पिक्सेल से नहीं बनी होती — यह XML में लिखी एक टेक्स्ट फ़ाइल है जो आकृतियों, पथों और रंगों को गणितीय निर्देशों के रूप में बताती है। यही वजह है कि एक SVG लोगो किसी भी आकार पर बिल्कुल तीखा रहता है, चाहे फ़ेविकॉन हो या बिलबोर्ड, और यही वजह है कि यह वेब पर आइकन, लोगो और इलस्ट्रेशन के लिए पसंदीदा फ़ॉर्मैट है। चूँकि यह रैस्टर ग्रिड के बजाय कोड है, SVG कंप्रेस करने का मतलब उस कोड को साफ़ करना है, दृश्य विवरण फेंकना नहीं — इसलिए यह बचत असल में बिना किसी गुणवत्ता हानि के आती है।

Illustrator, Figma और Sketch जैसे डिज़ाइन टूल तकनीकी रूप से सही पर अव्यवस्था से भरी SVG एक्सपोर्ट करते हैं। यह ओवरहेड तेज़ी से जुड़ता जाता है, खासकर जब आप किसी पेज में दर्जनों आइकन इनलाइन करते हैं:

• एडिटर मेटाडेटा, टिप्पणियाँ और नेमस्पेस जिन्हें ब्राउज़र अनदेखा करते हैं
• कोऑर्डिनेट पर ज़रूरत से ज़्यादा दशमलव परिशुद्धता (दो अंक काफ़ी होने पर दस अंक)
• छिपी लेयर, खाली ग्रुप और अनुपयोगी डेफ़िनिशन
• बेकार एट्रिब्यूट और इनलाइन स्टाइल जिन्हें सरल किया जा सकता है
• इंसानों के लिए बनाया गया व्हाइटस्पेस और इंडेंटेशन, ब्राउज़र के लिए नहीं

MiCompress आपकी SVG को उसी तरह मिनिफ़ाई करता है जैसे कोई बिल्ड टूल करता है: यह एडिटर का कचरा और टिप्पणियाँ हटाता है, कोऑर्डिनेट को उचित परिशुद्धता तक राउंड करता है, बेकार एट्रिब्यूट संक्षिप्त करता है, छिपे और खाली एलिमेंट हटाता है, और अनावश्यक व्हाइटस्पेस निचोड़ता है। रेंडर हुई तस्वीर आँख के लिए बाइट-दर-बाइट एक जैसी रहती है क्योंकि इनमें से कोई भी बदलाव असल आकृतियों को नहीं छूता — सिर्फ़ उन्हें लिखने का तरीका बदलता है। नतीजा एक छोटी, साफ़ SVG है जो तेज़ी से रेंडर होती है और आपके HTML या CSS में सीधे इनलाइन करना आसान है।

JPG, PNG या WebP के उलट, SVG कंप्रेशन असल मायने में लॉसलेस है: चूँकि आप वेक्टर बताने वाले कोड को ऑप्टिमाइज़ कर रहे हैं, ग्राफ़िक अब भी अनंत रूप से स्केल होता है और हर ज़ूम स्तर पर पिक्सेल-परफ़ेक्ट दिखता है। कोई गुणवत्ता स्लाइडर नहीं है और तौलने के लिए कोई अदला-बदली नहीं है। जो घटता है वह सिर्फ़ फ़ाइल में कैरेक्टर की संख्या है, और यही ठीक वह चीज़ है जो आप उस एसेट के लिए चाहते हैं जो हर पेज लोड पर डाउनलोड होगा।

लोगो, आइकन और सरल इलस्ट्रेशन के लिए, SVG लगभग हमेशा रैस्टर फ़ॉर्मैट को मात देती है: यह आम तौर पर छोटी होती है, हमेशा तीखी रहती है, और CSS से स्टाइल या एनिमेट की जा सकती है। PNG या WebP का इस्तेमाल तभी करें जब इमेज कोई फ़ोटोग्राफ़ हो या उसमें ऐसा जटिल, चित्रकारी विवरण हो जो साफ़ वेक्टर पथों में न सिमटे। अगर आप अब भी आइकन को PNG के रूप में एक्सपोर्ट कर रहे हैं, तो मिनिफ़ाइड SVG पर स्विच करना आम तौर पर वज़न घटाता है और हाई-रिज़ॉल्यूशन स्क्रीन पर आने वाली धुंधलाहट खत्म करता है।