इसका इस्तेमाल कैसे करें
- SVG का स्रोत चुनें: SVG फ़ाइलें, या चिपकाया गया SVG कोड। फ़ाइलों के लिए फ़ाइलें चुनें पर क्लिक करें, या उन्हें बॉक्स पर छोड़ें।
- आकार तय करें। स्केल ड्रॉइंग के अपने आकार को गुणा करता है, और चौड़ाई (px) तस्वीर को उतना चौड़ा बनाती है।
- पृष्ठभूमि चुनें। पारदर्शी से PNG, WebP और AVIF में आरपार दिखने वाले हिस्से रहते हैं; रंग उन्हें भर देता है।
- परिणाम फॉर्मेट चुनें और ड्रॉइंग बदलें पर क्लिक करें। कई फ़ाइलों के साथ आपको एक ZIP मिलती है।
आकार और स्पष्टता
SVG आकृतियों से बनी ड्रॉइंग है, इसलिए वह किसी भी आकार पर साफ रहती है। स्केल उस चौड़ाई और ऊँचाई पर लागू होता है जो ड्रॉइंग घोषित करती है, या उसके viewBox पर, जब वे न हों। चार गुने स्केल पर तस्वीर की हर दिशा में चार गुना पिक्सल होते हैं, यानी कुल मिलाकर सोलह गुना।
लिंक और स्क्रिप्ट
ड्रॉइंग ब्राउज़र के इमेज एलिमेंट के जरिए दिखाई जाती है। SVG के भीतर की स्क्रिप्ट नहीं चलतीं, और दूसरी फ़ाइलों के लिंक, जैसे फॉन्ट या वेब पते से रखी गई तस्वीरें, लोड नहीं होते। ऐसे में टेक्स्ट एक विकल्प फॉन्ट में बन सकता है। अगर आपको कोई खास फॉन्ट चाहिए, तो जिस प्रोग्राम में SVG बनी है, उसमें टेक्स्ट को आउटलाइन में बदल दें।
पारदर्शिता और फॉर्मेट
PNG, WebP और AVIF पारदर्शी हिस्से रखते हैं। JPEG में पारदर्शिता नहीं होती, इसलिए उसकी पृष्ठभूमि सफेद रहती है, जब तक आप कोई रंग न चुनें। सबसे लंबी भुजा 8,192 पिक्सल तक सीमित है, और ब्राउज़र जितनी बड़ी तस्वीर नहीं संभाल सकता, वह छोटी की जाती है।
उदाहरण: 64 × 64 का आइकन चार गुना
64 चौड़ाई और ऊँचाई वाला SVG आइकन, स्केल 4 पर, 256 × 256 पिक्सल का बनता है। इसके बजाय 1,024 की चौड़ाई चुनें, तो वही आइकन 1,024 × 1,024 पिक्सल का होता है। वह साफ रहता है, क्योंकि ब्राउज़र उस आकार पर आकृतियाँ फिर से बनाता है।
अक्सर पूछे जाने वाले सवाल
क्या मेरी SVG किसी सर्वर पर अपलोड होती है?
नहीं। फ़ाइल या चिपकाया गया कोड आपके ब्राउज़र में पढ़ा और बनाया जाता है, और PNG, JPEG, WebP या AVIF फ़ाइल आपके डिवाइस पर बनती है। पेज लोड होने के बाद इंटरनेट बंद करके और एक ड्रॉइंग बदलकर आप यह जाँच सकते हैं।
कुछ फॉन्ट तस्वीर में अलग क्यों दिखते हैं?
अगर ड्रॉइंग ऐसा फॉन्ट माँगती है जो तस्वीर तक नहीं पहुँच सकता, तो ब्राउज़र विकल्प फॉन्ट लेता है। वेब पते से जुड़े फॉन्ट लोड नहीं होते, इसलिए जिस प्रोग्राम में SVG बनी है, वहाँ टेक्स्ट को आउटलाइन में बदल दें।
मेरी SVG के जुड़े हुए इमेज क्यों गायब हैं?
सुरक्षा के लिए तस्वीर के रूप में दिखाई गई ड्रॉइंग दूसरी फ़ाइलें लोड नहीं करती, इसलिए वेब पते से रखी इमेज छोड़ दी जाती है। इमेज को SVG के भीतर डेटा पते के रूप में रखें, या पहले उसे बदल लें।
मेरी तस्वीर उम्मीद से छोटी क्यों है?
जब तक आप स्केल या चौड़ाई न चुनें, तस्वीर ड्रॉइंग के अपने आकार की होती है। बिना चौड़ाई या ऊँचाई वाली ड्रॉइंग viewBox लेती है, और जिसमें दोनों न हों, उसे 512 पिक्सल का वर्ग माना जाता है।
कौन-सा परिणाम फॉर्मेट चुनना चाहिए?
PNG बिना गुणवत्ता खोए बनती है और पारदर्शिता रखती है, इसलिए आइकन और लोगो के लिए ठीक है। फोटो के लिए JPEG छोटी होती है, पर उसमें पारदर्शिता नहीं होती। WebP और AVIF और भी छोटी होती हैं, जहाँ आपका ब्राउज़र उन्हें सहेज सके।
क्या कई SVG फ़ाइलें एक साथ बदल सकते हैं?
हाँ। आप 30 फ़ाइलों तक चुन सकते हैं और उन्हें एक साथ बदल सकते हैं। हर फ़ाइल अपना नाम नए एक्सटेंशन के साथ रखती है, और आप सबको एक ZIP फ़ाइल में डाउनलोड कर सकते हैं।
स्रोत
- MDN: HTMLCanvasElement.toBlob(), तस्वीर कैसे लिखी जाती है (अंग्रेजी में)
- W3C SVG 2: Scalable Vector Graphics विनिर्देश (अंग्रेजी में)
- MDN: SVG viewBox एट्रिब्यूट (अंग्रेजी में)
आँकड़े और टेक्स्ट आखिरी बार मंगलवार, 10 नवंबर 2026 को जाँचे गए।