एसवीजी छवियों का अनुकूलन / संपीड़न

हेलो हब्र!
लेख एसवीजी प्रारूप छवियों को अनुकूलित करने के लिए समर्पित है।



एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) वर्ल्ड वाइड वेब कंसोर्टियम (डब्ल्यू 3 सी) द्वारा बनाई गई एक स्केलेबल वेक्टर ग्राफिक्स मार्कअप भाषा है और एक्सएमएल एक्स्टेंसिबल मार्कअप भाषा के सबसेट में शामिल है, जिसे एक्सएमएल प्रारूप में दो-आयामी वेक्टर और मिश्रित वेक्टर / रास्टर ग्राफिक्स का वर्णन करने के लिए डिज़ाइन किया गया है। ।

उपकरण

अनुप्रयोगों का सिद्धांत इस प्रकार है, वे एसवीजी से "अनावश्यक" जानकारी को हटाते हैं, जिससे फ़ाइल का आकार कम हो जाता है। आज, SVG के अनुकूलन के लिए तीन मुख्य अनुप्रयोग हैं:

• एसवीजी क्लीनर ;
• एसवीजी स्कॉर (आपको काम करने के लिए पायथन को स्थापित करने की आवश्यकता है);
• एसवीजी ऑप्टिमाइज़र (आपको काम करने के लिए Node.js स्थापित करने की आवश्यकता है)।

तुलना

अनुप्रयोगों के परिणामों की तुलना करने के लिए, मैंने निम्नलिखित छवि ली।


Adobe Illustrator CS6 का उपयोग करके छवि सहेजी गई।


छवि का आकार - 6,279,219 बाइट्स

आवेदन	परिणाम, बाइट	परिणाम,%	बीता हुआ समय, दूसरा
एसवीजी स्कॉर 0.26-3	4 421 520	29,6%	205
एसवीजी क्लीनर 0.5.1	3 727 883	40,6%	30
एसवीजी ऑप्टिमाइज़र 0.37	२ ६४६ ५४१	57,9%	15
एसवीजी स्कोर + एसवीजी क्लीनर + एसवीजी ऑप्टिमाइज़र	2 502 136	60,1%	240

मैंने बड़ी संख्या में छवियों के साथ परीक्षण किया, उपरोक्त तालिका मेरे परीक्षा परिणामों को लगभग सटीक रूप से प्रदर्शित करती है।

निष्कर्ष

1. अनुप्रयोगों के लगातार उपयोग से छवि संपीड़न बढ़ाने में मदद मिलती है।
2. एसवीजी एक XML पाठ फ़ाइल है, अनुकूलन कार्यक्रम "भ्रष्ट" छवियां कर सकते हैं, अर्थात ब्राउज़र छवि को सही ढंग से प्रस्तुत नहीं करते हैं।
3. एसवीजी न केवल वेक्टर ग्राफिक्स, बल्कि रास्टर ग्राफिक्स का समर्थन करता है, लेकिन आधुनिक एसवीजी ऑप्टिमाइज़ेशन एप्लिकेशन रेखापुंज छवि अनुकूलन का समर्थन नहीं करते हैं।