it365

SVG को PNG में बदलें

SVG को तेज़ी से PNG छवियों में बदलें। पारदर्शी बैकग्राउंड बनाए रखें, मार्जिन समायोजित करें, ग्राफ़िक्स का रंग बदलें, अतिरिक्त खाली जगह काटें और एक साथ बैच में निर्यात करें।

SVG आयात करने के लिए फ़ाइलें यहाँ छोड़ें
एकल या एकाधिक SVG फ़ाइलों को ड्रैग और ड्रॉप करने की सुविधा
कुल {{ images.length }} {{ images.length === 1 ? 'चित्र' : 'चित्र' }}
यहाँ SVG फ़ाइलें क्लिक करें या खींचकर छोड़ें
बैच आयात समर्थन, ब्राउज़र में तुरंत रेंडरिंग, बिना किसी सर्वर अपलोड के 100% निजी व सुरक्षित
आउटपुट प्रारूप:
गुणवत्ता: {{ Math.round(globalQuality * 100) }}%
#{{ idx + 1 }} .{{ globalFormat }}
टैग आयाम: {{ img.specified.width || 'निर्दिष्ट नहीं' }} × {{ img.specified.height || 'निर्दिष्ट नहीं' }}
पिक्सेल आकार: {{ img.absolute.width ? (img.absolute.width + 'px') : '-' }} × {{ img.absolute.height ? (img.absolute.height + 'px') : '-' }}
ViewBox: {{ img.viewBox.width ? (img.viewBox.x + ' ' + img.viewBox.y + ' ' + img.viewBox.width + ' ' + img.viewBox.height) : 'कोई नहीं' }}
बाउंडिंग बॉक्स: {{ img.contents ? (Math.round(img.contents.width) + ' × ' + Math.round(img.contents.height)) : '-' }}
SVG स्रोत कोड संपादित करें (परिवर्तन पर स्वचालित रूप से पुनः पार्स और रेंडर किया जाता है):
⚠️ {{ img.errorMessage }}
आउटपुट आकार (px):
×
बाहरी मार्जिन:
px
सटीक क्रॉप:
फ़िट मोड:
बैकग्राउंड रंग:
ग्राफ़िक रंग:
{{ img.width }} × {{ img.height }} px

SVG को PNG में कैसे बदलें और पारदर्शी बैकग्राउंड कैसे बनाए रखें?

फ्रंट-एंड डेवलपमेंट, यूआई डिज़ाइन, इलस्ट्रेशन निर्माण और दैनिक कार्यालय कार्यों में, अनंत स्केलेबिलिटी, बेहद स्पष्ट रेंडरिंग और छोटे फ़ाइल आकार के कारण SVG वेक्टर ग्राफ़िक्स आइकन और लोगो के लिए स्वर्ण मानक हैं। हालाँकि, सोशल मीडिया पर पोस्ट करने, प्रेजेंटेशन स्लाइड बनाने, दस्तावेज़ों में एम्बेड करने या पुराने सॉफ़्टवेयर का समर्थन करने के लिए, सार्वभौमिक पारदर्शी PNG बिटमैप सबसे विश्वसनीय विकल्प होते हैं। यह लेख SVG को साफ़ पारदर्शी PNG में बदलने के मुख्य सिद्धांतों, चरण-दर-चरण प्रक्रिया और सामान्य समस्याओं के समाधान की व्याख्या करता है।

1. SVG और PNG में पारदर्शिता की कार्यप्रणाली

SVG (स्केलेबल वेक्टर ग्राफ़िक्स) मूल रूप से XML-आधारित वेक्टर मार्कअप भाषा है। मानक विनिर्देशों के अनुसार, SVG रूट कैनवास डिफ़ॉल्ट रूप से पारदर्शी होता है, जब तक कि कोड में स्पष्ट रूप से एक ठोस बैकग्राउंड आकार (जैसे <rect fill="#ffffff" ...>) न बनाया गया हो।

इसके विपरीत, PNG (पोर्टेबल नेटवर्क ग्राफ़िक्स) एक रेखापुंज बिटमैप प्रारूप है जो 8-बिट अल्फा ट्रांसपेरेंसी चैनल के साथ 32-बिट RGBA रंग का समर्थन करता है, जिससे 256 स्तरों की सहज अर्ध-पारदर्शिता संभव होती है। SVG को PNG में बदलते समय, बिना कोई कृत्रिम बैकग्राउंड बनाए अल्फा चैनल का समर्थन करने वाले HTML5 Canvas के माध्यम से रेखापुंजीकरण (रास्टराइज़) करने पर वास्तविक पारदर्शिता पूरी तरह सुरक्षित रहती है।

2. SVG को उच्च-रिज़ॉल्यूशन पारदर्शी PNG में बदलने के 5 चरण

1
SVG वेक्टर फ़ाइलें आयात करें

ऊपर दिए गए "SVG अपलोड करें" बटन पर क्लिक करें या एक या अधिक SVG फ़ाइलों को पृष्ठ पर खींचकर छोड़ें। सिस्टम आपके ब्राउज़र में ही तुरंत वेक्टर विशेषताओं और आयामों का विश्लेषण करता है, जो एकल और बैच अपलोड दोनों का समर्थन करता है।

2
बैकग्राउंड रंग खाली छोड़ें

प्रत्येक छवि कॉन्फ़िगरेशन कार्ड में "बैकग्राउंड रंग" फ़ील्ड को खाली रखने से पूर्ण पारदर्शिता सुनिश्चित होती है। ग्राफ़िक की रूपरेखा और पारदर्शी क्षेत्रों को तुरंत सत्यापित करने के लिए चेकरबोर्ड पैटर्न या गहरे पूर्वावलोकन मोड का उपयोग करें।

3
आउटपुट रिज़ॉल्यूशन निर्धारित करें

अपने उपयोग के अनुसार आउटपुट चौड़ाई और ऊंचाई समायोजित करें (जैसे 512px, 1024px या रेटिना 2048px)। विरूपण या असमान स्केलिंग को रोकने के लिए पहलू अनुपात (Aspect Ratio) लॉक रखें।

4
खाली जगह काटें और मार्जिन समायोजित करें

यदि मूल SVG व्यूपोर्ट में अत्यधिक खाली जगह है, तो ग्राफ़िक सीमाओं का स्वचालित पता लगाने और सटीक रूप से क्रॉप करने के लिए "अतिरिक्त खाली जगह काटें" चुनें, या पैडिंग के लिए "बाहरी मार्जिन" सेट करें।

5
पारदर्शी PNG छवियां निर्यात करें

उच्च निष्ठा वाली पारदर्शी बिटमैप छवि को सहेजने के लिए "PNG डाउनलोड करें" पर क्लिक करें, या सीधे Figma, Sketch, Photoshop या मैसेजिंग ऐप्स में चिपकाने के लिए "PNG कॉपी करें" का उपयोग करें; बैच फ़ाइलों के लिए "ZIP डाउनलोड करें" चुनें।

3. कनवर्ट किए गए PNG में काला या सफेद बैकग्राउंड क्यों आ जाता है?

पारंपरिक सॉफ़्टवेयर के साथ SVG को कनवर्ट करते समय, उपयोगकर्ताओं को अक्सर अनपेक्षित काला या ठोस सफेद बैकग्राउंड देखने को मिलता है। इसके सबसे सामान्य कारण और उपाय निम्नलिखित हैं:

01
गलत प्रारूप का चयन

JPEG/JPG प्रारूप अल्फा ट्रांसपेरेंसी चैनल का समर्थन नहीं करते हैं और पारदर्शी पिक्सेल को स्वचालित रूप से ठोस सफेद या काले रंग में बदल देते हैं। पारदर्शी छवियों के लिए हमेशा PNG या WebP प्रारूप चुनें।

02
SVG में अंतर्निहित बैकग्राउंड आयत

डिज़ाइन टूल से निर्यात की गई कुछ वेक्टर फ़ाइलों में सबसे नीचे एक अंतर्निहित बैकग्राउंड तत्व (जैसे <rect width="100%" height="100%" fill="#fff"/>) शामिल होता है। इसकी जांच करने और इसे हटाने के लिए इस टूल में "सोर्स कोड" पर क्लिक करें।

03
छवि व्यूअर का बैकग्राउंड प्रदर्शन

कुछ ऑपरेटिंग सिस्टम के डिफ़ॉल्ट छवि व्यूअर एप्लिकेशन ठोस काली या सफेद विंडो पृष्ठभूमि पर पारदर्शी PNG प्रदर्शित करते हैं। वास्तविक पारदर्शिता सत्यापित करने के लिए छवि को किसी डिज़ाइन सॉफ़्टवेयर या ब्राउज़र में खोलें।

4. अक्सर पूछे जाने वाले प्रश्न (FAQ)

क्या कनवर्ट की गई PNG छवि को बड़ा करने पर वह धुंधली हो जाएगी?
बिटमैप छवियां अपने निर्दिष्ट पिक्सेल आयामों से परे स्केल किए जाने पर धुंधली हो जाती हैं। हम अनुशंसा करते हैं कि रूपांतरण से पहले ही अपने आवश्यक अधिकतम आकार (जैसे 1024×1024 या 4096×4096) को निर्दिष्ट करें। यह टूल पूर्ण स्पष्टता के लिए सीधे वेक्टर स्रोत कोड से रेंडर करता है।
क्या मैं पारदर्शिता बनाए रखते हुए दर्जनों SVG आइकन को एक साथ बैच में बदल सकता हूँ?
हाँ। डिफ़ॉल्ट रूप से, आयात की गई सभी फ़ाइलें पारदर्शी बैकग्राउंड बनाए रखती हैं। "बैच सिंक संपादन" सक्षम करने से आप एक क्लिक में सभी आइकन के आयाम, फ़िट मोड या मार्जिन को मानकीकृत कर सकते हैं और एकीकृत ZIP डाउनलोड कर सकते हैं।
क्या मेरी वेक्टर फ़ाइलें किसी बाहरी सर्वर पर अपलोड की जाती हैं?
बिल्कुल नहीं। सभी रूपांतरण गणनाएँ HTML5 Canvas और Web API का उपयोग करके पूरी तरह से आपके ब्राउज़र के भीतर चलती हैं। आपके ग्राफ़िक्स कभी भी किसी सर्वर पर प्रेषित नहीं होते हैं, जिससे पूर्ण गोपनीयता और डेटा सुरक्षा की गारंटी मिलती है।