CAD SVG निर्यात (.svg)
W3C मानकस्केलेबल वेक्टर ग्राफिक्स (SVG) एक XML-आधारित वेक्टर छवि प्रारूप है जिसका उपयोग दो-आयामी ग्राफिक्स के लिए किया जाता है, जिसमें इंटरैक्टिविटी, CSS स्टाइलिंग और एनिमेशन के लिए समर्थन शामिल है।
SVG को PNG में कन्वर्ट करें
मुफ्त इन-ब्राउज़र SVG से PNG कन्वर्टर। अपने डिवाइस पर तुरंत फ़ाइलें कन्वर्ट करें।
SVG ऑनलाइन कंप्रेस करें
निजी - फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं
निरीक्षण और मेटाडेटा
ऑपरेटिंग सिस्टम और फ़ाइल विश्लेषक शुरुआती बाइनरी बाइट अनुक्रम का निरीक्षण करके SVG फ़ाइलों की पहचान करते हैं:
बाइट-स्तरीय हेडर हस्ताक्षर (मैजिक बाइट्स)
ऑपरेटिंग सिस्टम और फ़ाइल विश्लेषक शुरुआती बाइनरी बाइट अनुक्रम का निरीक्षण करके SVG फ़ाइलों की पहचान करते हैं:
HEX हस्ताक्षर (ऑफ़सेट 0):
3C 73 76 67ASCII निरूपण: <svg
मानकीकरण: W3C रिकमेंडेशन (SVG 1.1 / SVG 2)
तकनीकी विनिर्देश
| कंटेनर आर्किटेक्चर | 2D वेक्टर ज्यामिति को परिभाषित करने वाला XML-आधारित टेक्स्ट मार्कअप दस्तावेज़ |
| कंप्रेशन | Gzip / Brotli टेक्स्ट संपीड़न (SVGZ gzip संपीड़न का उपयोग करता है) |
| बाइट एंडियानेस | लागू नहीं (टेक्स्ट-आधारित UTF-8 / UTF-16 कैरेक्टर स्ट्रीम) |
| कलर स्पेस | sRGB, CSS Color Module 4 (Display P3, lab, lch) |
| चैनल और संरचना | असीमित रिज़ॉल्यूशन वाली वेक्टर आकृतियाँ, बेज़ियर वक्र, टाइपोग्राफी और अपारदर्शिता मास्क |
| अधिकतम आयाम | रिज़ॉल्यूशन-स्वतंत्र (बिना पिक्सलीकरण के किसी भी व्यूपोर्ट के अनुसार असीमित रूप से स्केल होता है) |
| पारदर्शिता | पूर्ण परिवर्तनीय अल्फा पारदर्शिता और CSS ब्लेंड मोड |
| स्ट्रीमिंग और प्रोग्रेसिव | ब्राउज़र XML पार्सर द्वारा समर्थित प्रगतिशील टेक्स्ट स्ट्रीम पार्सिंग |
तकनीकी तुलना मैट्रिक्स: SVG बनाम प्रतियोगी
| तकनीकी विशेषता | SVG (वर्तमान) | HTML5 Canvas | PNG | |
|---|---|---|---|---|
| रेंडरिंग मॉडल | रिटेन मोड वेक्टर DOM | इमीडिएट मोड बिटमैप कैनवास | रिटेन मोड फिक्स्ड पेज कंटेनर | रास्टर पिक्सेल ग्रिड |
| स्टाइलिंग और CSS | CSS कक्षाओं और चर के माध्यम से पूरी तरह से स्टाइल करने योग्य | JavaScript कैनवास API रीड्रॉ की आवश्यकता है | कोई गतिशील CSS स्टाइलिंग नहीं | स्थिर रास्टर पिक्सेल |
| अनंत स्केलेबिलिटी | हाँ (गणितीय वेक्टर वक्र) | मैन्युअल रिज़ॉल्यूशन स्केलिंग की आवश्यकता है | हाँ (वेक्टर तत्व) | नहीं (बड़ा करने पर पिक्सलेट हो जाता है) |
| इंटरैक्टिविटी | मूल DOM इवेंट (होवर, क्लिक, एनिमेशन) | मैन्युअल हिट डिटेक्शन के लिए गणित की आवश्यकता होती है | स्थिर दस्तावेज़ | इमेज मैप या कैनवास की आवश्यकता है |
सामान्य करप्शन मोड और हेक्स रिकवरी गाइड
ब्राउज़र XML पार्सिंग त्रुटि प्रदर्शित करता है: अनबंद टोकन या बेमेल टैग।
मूल कारण: दोषपूर्ण XML सिंटैक्स, गायब क्लोज़िंग टैग, या अनएस्केप किए गए एम्परसेंड ('&' के बजाय '&')।
रिकवरी: XML लिंटर (xmllint file.svg) के साथ सत्यापित करें और असंतुलित टैग को सुधारें।
सुरक्षा विश्लेषण और पार्सर अटैक वेक्टर्स
चूँकि SVG निष्पादित करने योग्य XML है जो '<script>' टैग और बाहरी संस्थाओं का समर्थन करता है, यदि अविश्वसनीय SVG प्रदर्शित किए जाते हैं तो यह महत्वपूर्ण XSS और SSRF जोखिम प्रस्तुत करता है।
ज्ञात अटैक वेक्टर्स
- एम्बेडेड '<script>' टैग या 'onload=' इवेंट हैंडलर के माध्यम से संचित क्रॉस-साइट स्क्रिप्टिंग (XSS)।
- बैकएंड सर्वर पर पार्स किए जाने पर स्थानीय सर्वर फ़ाइलों को पढ़ने वाले XML एक्सटर्नल एंटिटी (XXE) हमले।
- बिलियन लाफ्स XML एंटिटी विस्तार सेवा से इनकार का कारण बनता है।
सुरक्षात्मक सर्वोत्तम प्रथाएँ: एम्बेड करने से पहले DOMPurify का उपयोग करके हमेशा SVG को सैनिटाइज़ करें, या 'Content-Security-Policy: default-src 'none'' के साथ या '<img>' टैग के रूप में SVG परोसें जो स्वचालित रूप से स्क्रिप्ट को अक्षम कर देते हैं।
ऐतिहासिक मूल और मील के पत्थर
मुख्य लाभ और खूबियाँ
- रिज़ॉल्यूशन से स्वतंत्र: किसी भी डिस्प्ले या प्रिंट आकार में स्पष्ट रेखाएँ और टाइपोग्राफी।
- लोगो, आइकन और UI इंटरफ़ेस तत्वों के लिए अत्यधिक छोटा फ़ाइल आकार।
- ब्राउज़र DOM में CSS और JavaScript के माध्यम से पूरी तरह से स्क्रिप्ट और स्टाइल किया जा सकता है।
तकनीकी सीमाएँ और कमियाँ
- फ़ोटोग्राफ़ या जटिल निरंतर-टोन वाली छवियों के लिए अनुपयुक्त।
- हजारों नोड्स वाले जटिल वेक्टर पथ CPU रेंडरिंग विलंब और उच्च बैटरी खपत का कारण बन सकते हैं।
- XML-आधारित होने के कारण SVG में स्क्रिप्ट एम्बेड की जा सकती हैं। इसलिए अविश्वसनीय अपलोड रेंडर करने से पहले उन्हें सख्ती से सैनिटाइज़ करना ज़रूरी है।
रोचक तकनीकी जानकारी
- Gzip कुछ SVG फ़ाइलों का आकार काफी घटा सकता है; कमी दस्तावेज़ की सामग्री और संपीड़न सेटिंग पर निर्भर करती है।
- viewBox विशेषता एक अमूर्त समन्वय कैनवास को परिभाषित करती है जो भौतिक स्क्रीन पिक्सेल पर गतिशील रूप से मैप करता है।
- शुरुआती वेब ब्राउज़र में SVG के मूल इंजन नहीं थे, इसलिए 2011 के आसपास ब्राउज़रों में मूल समर्थन स्थापित होने से पहले Adobe ने Adobe SVG Viewer ब्राउज़र प्लगइन वितरित किया।
अक्सर पूछे जाने वाले तकनीकी प्रश्न
क्या SVG फ़ाइलों में दुर्भावनापूर्ण कोड हो सकता है?
हाँ। चूँकि SVG वैध XML है, इसमें एम्बेडेड JavaScript ('<script>') हो सकता है जो निष्पादित होता है यदि SVG सीधे ब्राउज़र में लोड किया जाता है या इनलाइन '<svg>' तत्व में खोला जाता है। '<img>' टैग के माध्यम से SVG परोसने से स्क्रिप्ट निष्पादन स्वतः निष्प्रभावी हो जाता है।
मुझे PNG के बजाय SVG का उपयोग कब करना चाहिए?
स्क्रीन के हर आकार पर स्पष्ट दिखने और फ़ाइल का आकार छोटा रखने के लिए आइकन, लोगो, चार्ट, इलस्ट्रेशन और टाइपोग्राफी में SVG चुनें। फ़ोटोग्राफ़ के लिए PNG या WebP चुनें।
मैं बड़ी या जटिल SVG फ़ाइलों को कैसे अनुकूलित कर सकता हूँ?
SVGO जैसे टूल का उपयोग करके या SVG संपीड़न टूल चलाकर अनावश्यक मेटाडेटा, संपादक टिप्पणियाँ (Inkscape या Illustrator से), अदृश्य समूह और अप्रयुक्त नाम-स्थान घोषणाएँ हटाकर वेक्टर पथों को साफ़ किया जा सकता है।
संबंधित SVG रूपांतरण जोड़े
SVG वेक्टर फाइलों को PNG रैस्टर इमेज में बदलने से स्केलेबल कोड-आधारित ग्राफिक्स सार्वभौमिक एप्लिकेशन संगतता के लिए फिक्स्ड-पिक्सेल ग्रिड में बदल जाते हैं।
वेब स्केलिंग और वेक्टर-संगत लेआउट एकीकरण के लिए रास्टर PNG छवियों को SVG XML वेक्टर कंटेनर के अंदर एनकैप्सुलेट करें।
लीगेसी 16-बिट Windows GDI वेक्टर ड्राइंग रिकॉर्ड को शून्य रिज़ॉल्यूशन हानि के साथ आधुनिक, स्केलेबल SVG पथों में संकलित करें।
32-bit विंडोज एन्हांस्ड मेटाफाइल ग्राफिक्स को वेब और डिजाइन सॉफ्टवेयर के लिए साफ, रिस्पॉन्सिव SVG वेक्टर में बदलें।
DXF ड्राइंग को CAD SVG एक्सपोर्ट में बदलने से जटिल इंजीनियरिंग वेक्टर डेटा वेब ब्राउज़र और वेक्टर एडिटर्स के लिए हल्के XML ग्राफिक्स में बदल जाता है।
स्केलेबल वेक्टर ग्राफिक्स को ड्राइंग एक्सचेंज फॉर्मेट में बदलने से वेब-रेडी विजुअल वेक्टर कंप्यूटर-एडेड डिज़ाइन सॉफ़्टवेयर के लिए आवश्यक सटीक गणितीय निर्देशांकों में परिवर्तित हो जाते हैं।
एक-पेज के PDF के रूप में SVG लोगो या इलस्ट्रेशन साझा करें। इसके स्केलेबल पाथ एक निश्चित-रिज़ॉल्यूशन वाली छवि बन जाते हैं, इसलिए ज़ूम करने से वेक्टर विवरण पुनर्प्राप्त नहीं हो सकता है।