अपने ब्राउज़र में SVG फ़ाइलें कैसे संपादित करें
को अपडेट किया गया
अपने ब्राउज़र में SVG संपादित करने के लिए, उसे EditItAll वेक्टर एडिटर में खोलें। पेन टूल से पाथ को नया आकार दें, बूलियन ऑपरेशन से शेप्स को समायोजित करें या मिलाएँ, टेक्स्ट संपादित करें, और किसी भी चीज़ का रंग बदलें। वापस SVG के रूप में सेव करें या 2× पर PNG एक्सपोर्ट करें। हर बदलाव आपकी डिवाइस पर ही होता है, कुछ भी अपलोड नहीं होता।
अभी करें — मुफ़्त, आपके ब्राउज़र में
Open the vector editorSVG को खुद क्यों संपादित करें
SVG (Scalable Vector Graphics) एक तस्वीर को शेप्स और पाथ के रूप में सेव करता है, यानी गणित, पिक्सेल नहीं। यही वजह है कि SVG के रूप में सेव किया गया लोगो चाहे फ़ेविकॉन हो या बिलबोर्ड, हमेशा एकदम स्पष्ट बना रहता है, और यही इसे आइकॉन, लोगो और इलस्ट्रेशन के लिए सही फ़ॉर्मेट बनाता है। इसका यह भी मतलब है कि आप फ़ाइल खोलकर पिक्सेल को इधर-उधर धकेलने की बजाय असली शेप्स को सीधे संपादित कर सकते हैं।
SVG सोर्स को संपादित करना लगभग हमेशा एक्सपोर्ट किए गए PNG को संपादित करने से बेहतर होता है। एंकर पॉइंट को हिलाएँ तो कर्व चिकना बना रहता है; फ़िल बदलें तो रंग बिल्कुल सटीक रहता है; पूरी चीज़ को स्केल करें तो कुछ भी धुंधला नहीं होता। इसके लिए आपको एक ऐसा एडिटर चाहिए जो वेक्टर को समझता हो।
SVG को चरण दर चरण खोलें और संपादित करें
EditItAll वेक्टर एडिटर आपके ब्राउज़र में सीधे SVG फ़ाइलें खोलता है:
- एडिटर खोलें और अपनी
.svgफ़ाइल लोड करें, चाहे वह कोई लोगो हो, आइकॉन सेट हो या इलस्ट्रेशन हो। - पूरी ऑब्जेक्ट को मूव और रीसाइज़ करने के लिए सिलेक्शन टूल (V) का इस्तेमाल करें, और अलग-अलग एंकर पॉइंट पकड़ने के लिए डायरेक्ट-सिलेक्शन टूल (A) का इस्तेमाल करें।
- फ़िल और स्ट्रोक का रंग बदलें, टाइप टूल (T) से कोई भी टेक्स्ट संपादित करें, और स्मार्ट गाइड्स तथा Illustrator-जैसे शॉर्टकट से शेप्स को सही जगह पर सेट करें।
आपका काम जैसे-जैसे आगे बढ़ता है, आपके ब्राउज़र में अपने-आप सेव होता जाता है, और लोड होने के बाद अगर आप ऑफ़लाइन हो जाएँ तो भी पूरा एडिटर चलता रहता है, यह साफ़ संकेत है कि आपकी फ़ाइल कहीं नहीं भेजी जा रही।
पाथ को नया आकार दें और मिलाएँ
असली ताक़त पाथ को नया आकार देने में है। पेन टूल (P) बेज़ियर हैंडल के साथ एंकर पॉइंट रखता है, जिससे आप कर्व को फिर से बना सकते हैं, लोगो में पॉइंट जोड़ सकते हैं, या बिल्कुल शुरू से नई शेप ट्रेस कर सकते हैं। फ्रीहैंड ड्रॉइंग के लिए पेंसिल भी है।
ज़्यादा जटिल आर्टवर्क बनाने के लिए, बूलियन ऑपरेशन से सिंपल शेप्स को मिलाएँ: उन्हें जोड़ने के लिए यूनियन, एक को दूसरे में से काटने के लिए माइनस फ्रंट, सिर्फ़ ओवरलैप रखने के लिए इंटरसेक्ट, और उसे हटाने के लिए एक्सक्लूड। ये एक सटीक-गणना वाले ज्योमेट्री इंजन पर चलते हैं, इसलिए बनने वाले किनारे साफ़ बने रहते हैं, पिक्सेल के हिस्से जितना भी नहीं भटकते। इसी तरह कुछ आयत और वृत्त मिलकर एक तैयार आइकॉन बन जाते हैं।
SVG के रूप में सेव करें या PNG एक्सपोर्ट करें
जब आपका काम पूरा हो जाए, तो फ़ाइल को पूरी तरह संपादन-योग्य बनाए रखने के लिए वापस .svg में सेव करें, या वेब या डॉक्यूमेंट के लिए रास्टर इमेज चाहिए तो 2× पर PNG एक्सपोर्ट करें। अगर आपके पास पहले से SVG है और सिर्फ़ PNG चाहिए, तो खास SVG to PNG कन्वर्टर यह एक ही चरण में कर देता है।
दो ईमानदार सीमाएँ हैं: एडिटर स्टैंडर्ड SVG पढ़ता है, Adobe की .ai या .eps फ़ाइलें नहीं, और यह ग्रेडिएंट मेश, पैटर्न फ़िल या CMYK कलर नहीं करता। फिर भी, रोज़मर्रा के लोगो, आइकॉन और इलस्ट्रेशन को SVG के रूप में संपादित करने के लिए, आपको जो कुछ भी चाहिए वह आपकी डिवाइस पर ही चलता है। शुरू करने के लिए वेक्टर एडिटर खोलें।
आज़माने के लिए तैयार?
मुफ़्त, बिना साइन-अप — और जो भी आप खोलते हैं वह आपके डिवाइस से बाहर नहीं जाता।
अक्सर पूछे जाने वाले प्रश्न
क्या संपादित करते समय मेरी SVG फ़ाइलें अपलोड होती हैं?+
नहीं। वेक्टर एडिटर पूरी तरह आपके ब्राउज़र में ही चलता है, इसलिए आपकी फ़ाइल कभी आपकी डिवाइस से बाहर नहीं जाती। पेज लोड होने के बाद आप इंटरनेट कनेक्शन बंद करके भी संपादन जारी रख सकते हैं, जो साबित करता है कि कुछ भी कहीं नहीं भेजा जा रहा।
क्या यह Adobe Illustrator की .ai फ़ाइलें खोल सकता है?+
नहीं। एडिटर स्टैंडर्ड SVG खोलता है, Adobe की .ai या .eps फ़ाइलें नहीं। अगर आपका आर्टवर्क Illustrator में है, तो पहले उसे SVG के रूप में एक्सपोर्ट या सेव करें, फिर उस SVG को यहाँ खोलें।
क्या मैं अपनी SVG को PNG के रूप में एक्सपोर्ट कर सकता हूँ?+
हाँ। साफ़ रास्टर इमेज के लिए आप 2× पर PNG एक्सपोर्ट कर सकते हैं, या अगर आपको सिर्फ़ बिना संपादन के कन्वर्जन चाहिए तो खास SVG to PNG कन्वर्टर इस्तेमाल कर सकते हैं।
एडिटर क्या नहीं कर सकता?+
यह Adobe की .ai या .eps फ़ाइलें नहीं पढ़ता, और इसमें ग्रेडिएंट मेश, पैटर्न फ़िल या CMYK कलर नहीं है। लेकिन रोज़मर्रा के SVG लोगो, आइकॉन और इलस्ट्रेशन के लिए, इसका पेन टूल, शेप्स, बूलियन ऑपरेशन, टेक्स्ट और लेयर्स काफ़ी हैं।
अगर मैं पेज रीफ़्रेश करूँ तो क्या मेरा काम खो जाएगा?+
नहीं। संपादन करते समय आपका काम अपने-आप आपके ब्राउज़र के लोकल स्टोरेज में सेव होता रहता है, इसलिए रीफ़्रेश करने या टैब बंद करने से यह मिटता नहीं। सेव किया गया डेटा आपकी डिवाइस पर ही रहता है।