Inkscape वेब डेवलपर्स के लिए कैसे उपयोगी हो सकता है?

अंग्रेजी से अनुवादित: इंकस्केप: वेब डेवलपर्स के लिए अनुकूलन युक्तियाँ ।

इस छोटे से लेख में, मैं आपके साथ इंकस्केप वेक्टर ग्राफिक्स एडिटर के साथ काम करने के लिए कई उपयोगी ट्रिक्स साझा करूंगा, जो एसवीजी कोड तैयार करने की प्रक्रिया को गति देने में मदद करते हैं।

1. कॉम्पैक्ट एसवीजी बनाना

डिफ़ॉल्ट रूप से, इंकस्केप अपने स्वयं के एसवीजी प्रारूप का उपयोग करता है, जिसमें उपयोगी मेटा-जानकारी का एक समुद्र होता है। जब आप दस्तावेज़ के साथ काम करना समाप्त कर लेते हैं, तो अंतिम संस्करण प्लेन एसवीजी प्रारूप में सबसे अधिक सहेजा जाता है। आप फ़ाइल-> इस रूप में सहेजें मेनू का उपयोग करके (या कीबोर्ड शॉर्टकट Ctrl + Shift + S का उपयोग करके) कर सकते हैं। खुलने वाले संवाद में, सादा एसवीजी चुनें।
बहुत बार इंटरनेट पर वे वेक्टर छवियों को एक अनौपचारिक रूप में अपलोड करते हैं, जिसे हमें निश्चित रूप से अधिक कॉम्पैक्ट रूप में सहेजना होगा।
यदि आप Inkscape SVG प्रारूप में एक खाली दस्तावेज़ सहेजते हैं, तो भी इसका आकार (1.8Kb) प्लेन SVG (0.4Kb) से कई गुना बड़ा होगा।

2. हम शासकों का उपयोग करते हैं

शासक (आप कीबोर्ड शॉर्टकट Ctrl + R का उपयोग करके इसे सक्षम कर सकते हैं) एक सुविधाजनक उपकरण है जो आपको ऊपरी बाएं कोने में आंकड़े रखने में मदद करता है। इस तरह के आंकड़ों में 0.0 के करीब प्रारंभिक निर्देशांक होंगे, जिसका अर्थ है कि उन्हें तब स्थिति -1000, -2000 या 3000, 1000 से क्रमिक रूप से नहीं खींचना होगा । खैर, पाठ के रूप में, ऐसे आंकड़े स्पष्ट रूप से अधिक कॉम्पैक्ट होंगे।

3. आकार से जानकारी जल्दी से निकालने के लिए अक्सस्केप का उपयोग करें

पथ के रूप में ऑब्जेक्ट्स के गुणों को जल्दी से एक्सेस करने के लिए, आप अंतर्निहित XML संपादक का उपयोग कर सकते हैं। आप इसे कीबोर्ड शॉर्टकट Ctrl + Shift + X का उपयोग करके कॉल कर सकते हैं । मैं आमतौर पर इसका उपयोग तब करता हूं जब मुझे एनिमेटेड होने के लिए किसी ऑब्जेक्ट के लिए जल्दी से एक पथ को स्केच करने की आवश्यकता होती है। उदाहरण के लिए, एसवीजी कारों के साथ एक डेमो तैयार करते समय, प्रत्येक कार के मार्ग के बारे में जानकारी प्राप्त करना काफी सरल और सुविधाजनक था।

4. रास्ता अनुकूलन

प्रारंभ में, पथ तत्व पथ उत्पन्न करने के लिए एसवीजी सेटिंग्स बहुत बेमानी हैं। बिंदु के बाद, निर्देशांक में प्रत्येक संख्या पांच और संख्याएं जोड़ती है। उदाहरण के लिए: 122.85714, 295.21933 । कई कार्यों के लिए, ऐसी सटीकता उपयोगी हो सकती है, लेकिन सरल आंकड़ों के लिए सटीकता कम करना बेहतर है। नतीजतन, आप 122, 295 प्राप्त कर सकते हैं। यदि ऐसी कई संख्याएँ हैं, तो यह सेटिंग्स के साथ खेलने के लिए समझ में आता है।
Inkscape भी सापेक्ष निर्देशांक को चूकता है। वे केवल दुर्लभ मामलों में ही वेब डेवलपर के लिए उपयोगी हो सकते हैं, इसलिए उन्हें बंद करना बेहतर है।
फ़ाइल पर जाएं-> इंकस्केप प्राथमिकताएं या कीबोर्ड शॉर्टकट Ctrl + Shift + P का उपयोग करें । बाईं ओर की सेटिंग वाली विंडो में, SVG आउटपुट चुनें।

अनचेक करें सापेक्ष निर्देशांक की अनुमति दें और न्यूमेरिक परिशुद्धता को 2 में बदलें।
नतीजतन, इंकस्केप अधिक कॉम्पैक्ट डेटा का उत्पादन करेगा।

5. सरलीकृत उपकरण

Inkscape का एक और उपयोगी टूल है सरलीकरण। यह अप्रासंगिक बिंदुओं को कम करके पथ तत्व को अधिक सरल बनाता है। आप इसे मेनू से उपयोग कर सकते हैं: पथ-> सरलीकृत तत्व का चयन करने के बाद, Ctrl + L दबाकर या सरल करें। सरलीकरण के काम के साथ सहमत होना हमेशा संभव नहीं होता है, लेकिन अक्सर यह वास्तव में अप्रासंगिक बिंदुओं को हटा देता है जो कि उस तरह से ढूंढना मुश्किल होगा।