SVG दर्शक और संपादक
SVG फ़ाइलों को ऑनलाइन पूर्वावलोकन, संपादित और अनुकूलित करें। रियल-टाइम पूर्वावलोकन, कोड संपादन और अनुकूलन उपकरण।
SVG प्रारूप क्या है?
SVG (स्केलेबल वेक्टर ग्राफिक्स) XML-आधारित वेक्टर छवि प्रारूप है जो गुणवत्ता खोए बिना असीमित स्केलिंग की अनुमति देता है। इसका व्यापक रूप से लोगो, आइकन और वेब ग्राफिक्स के लिए उपयोग किया जाता है।
SVG और PNG में क्या अंतर है?
SVG एक वेक्टर प्रारूप है जो ग्राफिक्स का वर्णन करने के लिए गणितीय सूत्रों का उपयोग करता है और गुणवत्ता खोए बिना असीमित रूप से स्केल किया जा सकता है। PNG पिक्सेल से बना एक रैस्टर प्रारूप है जो बड़ा करने पर धुंधला हो जाता है। SVG लोगो, आइकन और आरेखों के लिए आदर्श है, जबकि PNG फोटो के लिए बेहतरSuitable है।
मैं कौन से फ़ाइल स्वरूप देख सकता हूँ?
यह उपकरण SVG फ़ाइलें देखता है। आप सीधे SVG कोड पेस्ट कर सकते हैं या अपने डिवाइस से .svg फ़ाइल अपलोड कर सकते हैं।
क्या मैं SVG कोड सीधे संपादित कर सकता हूँ?
हाँ, आप एडिटर पैनल में SVG स्रोत कोड संपादित कर सकते हैं और पूर्वावलोकन पैनल में रियल-टाइम में बदलाव देख सकते हैं।
रियल-टाइम पूर्वावलोकन कैसे काम करता है?
जब आप कोड एडिटर में टाइप करते हैं तो पूर्वावलोकन पैनल स्वचालित रूप से अपडेट होता है, जो आपको दिखाता है कि आपका SVG ब्राउज़र में कैसे प्रस्तुत होगा।
मैं अपने SVG को अनुकूलित कैसे करूँ?
ऑप्टिमाइज़ बटन पर क्लिक करें ताकि अनावश्यक रिक्त स्थान, टिप्पणियाँ, मेटाडेटा और अनावश्यक विशेषताएँ हटा दी जाएँ।
क्या मैं SVG रंग और शैलियाँ बदल सकता हूँ?
हाँ, आप सीधे SVG कोड में फिल रंग, स्ट्रोक रंग, अस्पष्टता और अन्य शैली विशेषताओं को संशोधित कर सकते हैं।
क्या SVG एनिमेशन का समर्थन करता है?
हाँ, SVG SMIL (सिंक्रनाइज़्ड मल्टीमीडिया इंटीग्रेशन लैंग्वेज) और CSS एनिमेशन के माध्यम से एनिमेशन का समर्थन करता है। आप सीधे SVG में गति, रंग परिवर्तन और आकार परिवर्तन जैसे प्रभाव बना सकते हैं।
कौन से ब्राउज़र समर्थित हैं?
यह उपकरण सभी आधुनिक ब्राउज़रों में काम करता है, जिसमें Chrome, Firefox, Safari और Edge शामिल हैं।
मैं SVG सिंटैक्स को कैसे मान्य कर सकता हूँ?
उपकरण स्वचालित रूप से आपके SVG कोड में सिंटैक्स त्रुटियों को हाइलाइट करता है, जिससे आप तुरंत समस्याओं की पहचान और समाधान कर सकते हैं।
क्या मैं गुणवत्ता खोए बिना SVG का आकार बदल सकता हूँ?
हाँ, SVG एक वेक्टर प्रारूप है जिसे गुणवत्ता खोए या पिक्सेलेट हुए बिना किसी भी आकार में स्केल किया जा सकता है।
क्या मेरा SVG डेटा सर्वर पर भेजा जाता है?
नहीं, सारी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है। आपका SVG डेटा कभी आपका डिवाइस नहीं छोड़ता।
SVG दर्शक और संपादक का उपयोग कैसे करें
SVG Viewer & Editor कोड पेस्ट करते ही या फ़ाइल ड्रॉप करते ही SVG को रेंडर कर देता है और लाइव प्रीव्यू के साथ मार्कअप एडिट करने देता है। सब कुछ आपके ब्राउज़र में स्थानीय रूप से होता है।
- “Paste SVG code here or drag & drop a file...” हिंट वाले एडिटर में अपना SVG कोड पेस्ट करें, या .svg फ़ाइल को पेज पर ड्रैग करें।
- ग्राफ़िक तुरंत कोड के बगल में लाइव प्रीव्यू में दिखता है।
- कोड में ही viewBox, width, height, fill या पाथ डेटा जैसे एट्रिब्यूट एडिट करें — टाइप करते ही प्रीव्यू अपडेट हो जाता है।
- आम समस्याएँ वहीं ठीक करें, जैसे xmlns एट्रिब्यूट का गायब होना या viewBox का आर्टवर्क काटना।
- प्रीव्यू ठीक लगने पर फ़ाइनल कोड कॉपी कर लें।
अगर प्रीव्यू खाली रहे, तो जाँचें कि कोड <svg से शुरू होता है और xmlns नेमस्पेस शामिल है — xmlns का गायब होना सबसे आम वजह है।
संबंधित टूल
- SVG अनुकूलक अपने ब्राउज़र में SVG फ़ाइलों को तुरंत अनुकूलित और संपीड़ित करें। मेटाडेटा, टिप्पणियाँ और अनावश्यक डेटा हटाएँ, आकार 60% तक कम करें।
- SVG से PNG कनवर्टर अपने ब्राउज़र में SVG को PNG, JPEG या WebP में तुरंत बदलें। स्केल, आकार और बैकग्राउंड रंग कस्टमाइज़ करें। मुफ्त, निजी, कोई अपलोड नहीं।
- Chmod कैलकुलेटर चेकबॉक्स के साथ Linux फ़ाइल अनुमतियों को विज़ुअलाइज़ और गणना करने के लिए मुफ्त ऑनलाइन chmod कैलकुलेटर। संख्यात्मक (755, 644) और प्रतीकात्मक (rwxr-xr-x) अंकन के बीच तुरंत कन्वर्ट करें। setuid, setgid, sticky bit जैसी विशेष अनुमतियों का समर्थन करता है।
- ASCII तालिका दशमलव, हेक्साडेसिमल, ऑक्टल, बाइनरी कोड, HTML एंटिटी और वर्णन के साथ पूर्ण ASCII वर्ण एन्कोडिंग संदर्भ। तुरंत खोजें और फ़िल्टर करें।
- HTTP अनुरोध परीक्षक अपने ब्राउज़र में सीधे REST API का परीक्षण करें। कस्टम हेडर, बॉडी और क्वेरी पैरामीटर के साथ GET, POST, PUT, DELETE अनुरोध भेजें। तुरंत प्रतिक्रिया स्थिति, हेडर और JSON बॉडी देखें।
- .htaccess जनरेटर Apache .htaccess नियम उत्पन्न करें - रीडायरेक्ट, रीराइट, सुरक्षा हेडर, कैशिंग और बहुत कुछ।
- Robots.txt जनरेटर मुफ्त ऑनलाइन robots.txt जनरेटर। robots.txt फ़ाइलें बनाएं और अनुकूलित करें ताकि सर्च इंजन क्रॉलिंग को नियंत्रित किया जा सके, क्रॉलर एक्सेस को प्रबंधित किया जा सके, और आपकी साइट के SEO को अनुकूलित किया जा सके।
- साइटमैप जनरेटर मुफ्त ऑनलाइन XML साइटमैप जनरेटर। URL जोड़ें, प्राथमिकता और आवृत्ति सेट करें, SEO-अनुकूल साइटमैप तुरंत बनाएं।