फ़ॉर्मेट की मूल बातें· 6 मिनट का पढ़ना

SVG क्या है? वेक्टर फ़ॉर्मेट की पूरी समझ एक नज़र में

SVG क्या है? इस लेख में सरल भाषा में SVG वेक्टर की कार्यप्रणाली, PNG/JPG से अंतर, फ़ायदे-नुक़सान, आम उपयोग और खोलने व संपादित करने के तरीके समझाए गए हैं, साथ ही मुफ़्त ऑनलाइन इमेज से SVG टूल की सिफ़ारिश भी।

1. SVG क्या है?

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

इसीलिए SVG बढ़ाने पर कभी धुंधला नहीं होता — ब्राउज़र पिक्सल खींचने के बजाय नए आकार पर सूत्रों को दोबारा "बनाता" है। यही "वेक्टर" शब्द का अर्थ है।

2. SVG और PNG / JPG में अंतर

तुलनाSVGPNG / JPG
रिकॉर्ड करने का तरीकागणितीय पथ (वेक्टर)पिक्सल जाल (बिटमैप)
बढ़ाने परअनंत स्केलिंग, बिना विकृतिदाँत और धुंधलापन आता है
फ़ाइल आकारसरल ग्राफ़िक में बहुत छोटी (कुछ KB)रिज़ॉल्यूशन के साथ रैखिक बढ़ता है
संपादन क्षमताटेक्स्ट रूप में संपादन, रंग बदलना, एनिमेशनइमेज प्रोसेसिंग सॉफ़्टवेयर चाहिए
किसके लिएआइकन, लोगो, इलस्ट्रेशन, चार्टफ़ोटो, जटिल रोशनी

3. SVG के आम उपयोग

  • वेबसाइट आइकन और लोगो: एक SVG हर स्क्रीन घनत्व में फिट होता है, Retina स्क्रीन पर भी तेज़ रहता है;
  • इलस्ट्रेशन और चार्ट: ECharts, Recharts जैसी डेटा विज़ुअलाइज़ेशन लाइब्रेरी डिफ़ॉल्ट रूप से SVG देती हैं;
  • छपाई और नक़्काशी: लेज़र नक़्काशी, विनाइल कटर और UV प्रिंटर आमतौर पर SVG पथ स्वीकार करते हैं;
  • एनिमेशन: SVG पथों को CSS / SMIL / JavaScript से सीधे चलाया जा सकता है, जिससे स्ट्रोक-ड्रॉइंग जैसे प्रभाव बनते हैं।

4. SVG को कैसे खोलें और संपादित करें?

ब्राउज़र (Chrome / Edge / Firefox / Safari) SVG सीधे खोल सकते हैं; डिज़ाइन सॉफ़्टवेयर Illustrator, Figma और Inkscape (मुफ़्त) इसे संपादित कर सकते हैं। अगर आपको सिर्फ़ रंग बदलना, बैकग्राउंड हटाना या कोई हिस्सा मिटाना है, तो PolySVG ऑनलाइन SVG एडिटर इस्तेमाल करें — किसी सॉफ़्टवेयर की ज़रूरत नहीं।

5. मेरे पास PNG / JPG है, उसे SVG कैसे बनाएँ?

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

सारांश: SVG "सूत्रों से चित्र बनाने" वाला फ़ॉर्मेट है, इसलिए आइकन, लोगो और हर ऐसी ग्राफ़िक के लिए बिल्कुल सही है जिसे स्केल करना हो; फ़ोटो जैसी सामग्री के लिए फिर भी JPG / WEBP बेहतर रहता है।

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

SVG फ़ाइल किससे खुलती है?

कोई भी आधुनिक ब्राउज़र उसे सीधे खोलकर पूर्वावलोकन दिखा सकता है; संपादन के लिए Illustrator, Figma, Inkscape या बिना कुछ इंस्टॉल किए PolySVG ऑनलाइन एडिटर इस्तेमाल करें।

क्या SVG को PNG में बदला जा सकता है?

हाँ। PolySVG एडिटर SVG को किसी भी रिज़ॉल्यूशन पर PNG के रूप में एक्सपोर्ट करता है, ब्राउज़र स्क्रीनशॉट या डिज़ाइन सॉफ़्टवेयर एक्सपोर्ट से भी यही हो जाता है।

अभी आज़माएँ

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

पढ़ते रहें