व्यावहारिक ट्यूटोरियल· 6 मिनट का पढ़ना

SVG ऑनलाइन संपादित करें: बिना सॉफ़्टवेयर रंग बदलें और बैकग्राउंड हटाएँ

Illustrator इंस्टॉल किए बिना SVG संपादित करना है? इस लेख में ऑनलाइन SVG एडिटर की रंग बदलना, एक क्लिक में बैकग्राउंड हटाना, पथ हटाना, ब्रश से भरना, इरेज़र से मिटाना और एक्सपोर्ट की विधियाँ बताई गई हैं — मुफ़्त, बिना इंस्टॉल, ब्राउज़र में खोलते ही।

1. ऑनलाइन SVG एडिटर क्या कर सकता है

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

2. रंग बदलना: आइकन को थीम रंग दें

कैनवास पर रंगीन ब्लॉक पर क्लिक करते ही संबंधित पथ चुन लेता है, फिर रंग पैनल में भरने का रंग बदल दें। आम परिस्थितियाँ: एक ही आइकन सेट को हल्की/गहरी थीम में बदलना, वेक्टराइज़ किए गए लोगो का रंग ब्रांड रंग से मिलाना, अलग-अलग स्रोतों की सामग्री का रंग एक जैसा करना। कोड में जाकर fill प्रॉपर्टी ढूँढने की तुलना में क्लिक करके रंग बदलना कहीं ज़्यादा सीधा है, और दूसरे पथों को नुक़सान पहुँचाने का ख़तरा भी कम रहता है।

3. बैकग्राउंड हटाना: स्वचालित + मैन्युअल क्लिक-डिलीट

"एक क्लिक में बैकग्राउंड हटाएँ" पर क्लिक करें, इंजन किनारों का मुख्य रंग पहचानकर बैकग्राउंड परत हटा देता है और सफ़ेद बैकग्राउंड वाला SVG तुरंत पारदर्शी हो जाता है। बचे हुए कुछ बैकग्राउंड पथ माउस से चुनकर हटा दें। हाथ में अभी बिटमैप है तो इमेज से पारदर्शी वेक्टर बनाने वाला टूल सीधे इस्तेमाल करें, जिसमें रूपांतरण और बैकग्राउंड हटाना एक साथ हो जाता है, फिर एडिटर में सफ़ाई कर लें।

4. ब्रश और इरेज़र: भरना और मिटाना

ब्रश जोड़ता है: कमी वाली लकीरें पूरी करें, स्याही अपने आप नए पथ में वेक्टराइज़ हो जाती है और मूल आकार में घुल जाती है — यह ख़ासकर लोगो वेक्टराइज़ होने के बाद टूटी लकीरें सुधारने के लिए बढ़िया है। इरेज़र घटाता है: यह मास्क के ज़रिए हिस्सा मिटाता है, मूल पथ का डेटा नहीं टूटता, और ज़्यादा मिटा दें तो कभी भी अनडू करके वापस ला सकते हैं। दोनों टूल अनडू/रीडू के साथ काम करते हैं, इसलिए बेफ़िक्र दिनो से आज़माएँ। ब्रश की स्याही स्वतंत्र पथ के रूप में फ़ाइल में जुड़ती है, बाद में उसे भी चुनकर रंग बदला जा सकता है; इरेज़र का मास्क प्रभाव एक्सपोर्ट के समय भी लागू होता है, यानी एक्सपोर्ट किया गया SVG कैनवास जैसा ही दिखता है।

5. अनडू/रीडू और एक्सपोर्ट

एडिटर पूरा इतिहास रखता है — ग़लती हो तो अनडू, मन बदले तो रीडू। पूरा होने पर SVG एक्सपोर्ट करें वेब या आगे संपादन के लिए, या PNG एक्सपोर्ट करें दस्तावेज़ में लगाने और पूर्वावलोकन के लिए। SVG कैसे खोलें और देखें, यह SVG फ़ाइल कैसे खोलें में है; एडिटर का सीधा प्रवेश /editor है। PNG एक्सपोर्ट करते समय पर्याप्त रिज़ॉल्यूशन चुनें, वरना दस्तावेज़ में डालने पर धुंधला दिखेगा; वेब के लिए SVG एक्सपोर्ट करना बेहतर है, क्योंकि वेक्टर गुण बने रहते हैं।

6. आम संपादन परिस्थितियों की झटपट सूची

  • आइकन में थीम रंग: पथ चुनकर भरने का रंग बदलें, हल्की और गहरी दोनों थीम के लिए अलग-अलग एक्सपोर्ट करें;
  • सफ़ेद बैकग्राउंड वाली सामग्री को पारदर्शी बनाना: एक क्लिक में बैकग्राउंड हटाएँ, बचे पथ हटाएँ, पारदर्शी SVG एक्सपोर्ट करें;
  • लोगो की टूटी लकीरें: ब्रश से कमी वाली जगह भरें, स्याही अपने आप वेक्टराइज़ हो जाती है, फिर रंग एक जैसा करें;
  • बनावटी तत्व हटाना: ज़रूरी न लगने वाले रंगीन ब्लॉक एक-एक करके हटाएँ, किनारों के बारीक हिस्से इरेज़र से संभालें;
  • दस्तावेज़ के लिए चित्र: संपादन के बाद PNG एक्सपोर्ट करके Word, PPT या चैट विंडो में लगाएँ।

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

क्या SVG ऑनलाइन संपादित करने के लिए पंजीकरण चाहिए?

नहीं। PolySVG ऑनलाइन एडिटर मुफ़्त है, पंजीकरण की ज़रूरत नहीं और ब्राउज़र में खोलते ही काम करने लगता है।

क्या इरेज़र मूल आकार के पथों को नुक़सान पहुँचाता है?

नहीं। इरेज़र मास्क के ज़रिए मिटाता है, मूल पथ का डेटा बना रहता है, और आप कभी भी अनडू करके वापस ला सकते हैं।

अभी आज़माएँ

ट्यूटोरियल पूरा हुआ? मुफ़्त PolySVG उपकरणों से अभ्यास करें:

पढ़ते रहें