यह क्या करता है
यह टूल SVG कोड या .svg फ़ाइल को PNG, JPG या WebP इमेज में बदलता है। markup पेस्ट करें, फ़ाइल ड्रॉप करें, स्केल या सटीक चौड़ाई चुनें, और bitmap डाउनलोड करें। रेंडरिंग आपके ब्राउज़र में होती है, इसलिए आइकन, लोगो और डायग्राम कभी आपकी मशीन से बाहर नहीं जाते।
यह वहाँ काम आता है जहाँ SVG स्वीकार नहीं होता: ऐप आइकन, सोशल मीडिया इमेज, स्लाइड डेक, दस्तावेज़, ईमेल सिग्नेचर, या पुराने सॉफ़्टवेयर। आपको चेकरबोर्ड पर लाइव प्रीव्यू मिलता है ताकि आप ठीक-ठीक देख सकें कि कौन-से हिस्से ट्रांसपेरेंट हैं।
इसे कैसे इस्तेमाल करें
- अपना
<svg>कोड एडिटर में पेस्ट करें, फ़ाइल खोलने के लिए अपलोड पर क्लिक करें, या पेज पर फ़ाइल खींचकर छोड़ें। उदाहरण एक छोटा लोगो लोड करता है। - साइज़ चुनें: 1× SVG के अपने आयाम इस्तेमाल करता है, 2×–4× उन्हें गुणा करते हैं। या पिक्सेल में कस्टम चौड़ाई टाइप करें; ऊँचाई aspect ratio के हिसाब से चलती है।
- फ़ॉर्मैट चुनें: ट्रांसपेरेंसी के साथ lossless आउटपुट के लिए PNG, फ़ोटो और compatibility के लिए JPG, छोटी फ़ाइलों के लिए WebP।
- बैकग्राउंड चुनें: ट्रांसपेरेंट, सफ़ेद, या कोई भी रंग।
- डाउनलोड पर क्लिक करें। प्रीव्यू के नीचे की लाइन अंतिम पिक्सेल साइज़, फ़ॉर्मैट और फ़ाइल साइज़ दिखाती है।
साइज़ कैसे तय होता है
टूल root <svg> element देखता है। px, pt, mm, cm, in या em में दिए width और height पिक्सेल में बदले जाते हैं। अगर वे नहीं हैं या प्रतिशत में दिए गए हैं, तो उनकी जगह viewBox की चौड़ाई और ऊँचाई इस्तेमाल होती है। फिर चुना गया स्केल या कस्टम चौड़ाई लागू होती है, और SVG को साफ़ पिक्सेल साइज़ के साथ फिर से लिखा जाता है ताकि हर ब्राउज़र उसे एक जैसा ड्रॉ करे।
उदाहरण
viewBox="0 0 24 24" वाला और बिना width या height का आइकन 1× पर 24 × 24 PNG बनता है। 4× पर यह 96 × 96 बनता है, और 512 की कस्टम चौड़ाई के साथ यह ऐप स्टोर आइकन के लायक 512 × 512 PNG बनता है, जो फिर भी पूरी तरह शार्प रहता है क्योंकि यह upscale होने के बजाय वेक्टर से रेंडर होता है।
सुझाव
- अमान्य XML लाइन नंबर के साथ रिपोर्ट होता है, ताकि आप सीधे समस्या पर जा सकें।
- Embedded raster इमेज (
<image href="data:...">) काम करती हैं; बाहरी लिंक नहीं। - टेक्स्ट आपके कंप्यूटर पर इंस्टॉल फ़ॉन्ट इस्तेमाल करता है। हर जगह पिक्सेल-दर-पिक्सेल एक जैसे नतीजे के लिए, पहले अपने डिज़ाइन टूल में टेक्स्ट को outlines में बदलें।
- सबसे बड़ा आउटपुट ब्राउज़र के canvas साइज़ से सीमित है, हर साइड पर लगभग 16,000 पिक्सेल।
अक्सर पूछे जाने वाले सवाल
› क्या SVG कहीं अपलोड होता है?
नहीं। आपका ब्राउज़र SVG को canvas पर ड्रॉ करता है और नतीजा सेव करता है। कोड और इमेज आपके डिवाइस पर ही रहते हैं।
› ज़्यादा शार्प PNG कैसे पाऊँ?
2×, 3× या 4× स्केल चुनें, या सटीक चौड़ाई टाइप करें। SVG एक वेक्टर फ़ॉर्मैट है, इसलिए बड़े साइज़ पर रेंडर करने से high-density स्क्रीन पर किनारे साफ़ आते हैं। retina डिस्प्ले के लिए 2× एक अच्छा डिफ़ॉल्ट है।
› आउटपुट में कुछ इमेज या फ़ॉन्ट क्यों गायब हैं?
सुरक्षा के लिए, जब SVG को इमेज के रूप में ड्रॉ किया जाता है तो ब्राउज़र बाहरी फ़ाइलें (लिंक की गई इमेज, वेब फ़ॉन्ट, CSS) लोड नहीं करते। इमेज को data URL के रूप में embed करें और टेक्स्ट को paths में बदलें, या सिस्टम फ़ॉन्ट इस्तेमाल करें।
› क्या मैं ट्रांसपेरेंट बैकग्राउंड रख सकता हूँ?
हाँ। PNG या WebP आउटपुट के साथ ट्रांसपेरेंट चुनें। JPG में ट्रांसपेरेंसी नहीं होती, इसलिए ट्रांसपेरेंट हिस्से सफ़ेद या आपके चुने रंग से भर दिए जाते हैं।
› मेरे SVG में width या height नहीं है। कौन-सा साइज़ इस्तेमाल होता है?
टूल viewBox पढ़ता है और उसकी चौड़ाई और ऊँचाई इस्तेमाल करता है। अगर न साइज़ है न viewBox, तो यह ब्राउज़र के डिफ़ॉल्ट 300 × 150 पर चला जाता है और यह बता देता है।