SVG को PNG में बदलें - ठीक उसी आकार में जो आपको चाहिए
SVG में पिक्सेल की कोई तय संख्या होती ही नहीं। वह ड्राइंग के निर्देशों का समूह है, इसलिए असली सवाल यह नहीं कि इस फ़ाइल में क्या है, बल्कि यह कि आप इसे कितना बड़ा चाहते हैं। यह टूल वही सवाल सबसे पहले पूछता है: कोई गुणा चुनिए या सटीक चौड़ाई और ऊँचाई भरिए, और कुछ भी बनने से पहले ही आपको नतीजे का पिक्सेल आकार दिख जाएगा। चित्र हर बार वेक्टर से नए सिरे से बनाया जाता है, इसलिए 4× निर्यात में सचमुच चार गुना बारीकी होती है, बड़ी की हुई नक़ल नहीं। सब कुछ आपके अपने डिवाइस पर होता है - आपका ब्राउज़र फ़ाइल पढ़ता है, उसे कैनवास पर बनाता है और PNG में बदल देता है, बिना एक भी बाइट अपलोड किए।
इस टूल का उपयोग कैसे करें
अपनी SVG छोड़ें
ऊपर वाले बक्से पर SVG खींचकर छोड़ें या चुनने के लिए क्लिक करें। 5 MB तक की फ़ाइलें चलेंगी, और एक साथ कई भी। हम एक्सटेंशन पर नहीं, असली सामग्री पर भरोसा करते हैं, इसलिए HTML पेज या नाम बदली हुई PNG आधी बनने के बजाय सीधे लौटा दी जाती है।
पहचाना गया आकार जाँचें
हर फ़ाइल के साथ वह स्रोत आकार दिखता है जो हमने पढ़ा। अगर SVG में चौड़ाई और ऊँचाई दी है तो वही लेते हैं। अगर सिर्फ़ viewBox है - Illustrator और Figma में यही आम है - तो viewBox लेते हैं, यानी वह आकार जिसमें डिज़ाइनर ने असल में बनाया। दोनों न हों तो हम बता देते हैं और 512 × 512 लेते हैं।
आउटपुट आकार चुनें
स्केल और सटीक आकार के बीच बदलिए। स्केल स्रोत आकार को 1×, 2×, 4× या आपके लिखे किसी भी अंक से गुणा करता है। सटीक आकार में आप पिक्सेल में चौड़ाई देते हैं और अनुपात लॉक ऊँचाई निकाल देता है। जान-बूझकर खींचना हो तो लॉक खोल दीजिए।
पृष्ठभूमि तय करें
PNG पारदर्शिता संभालता है और हम उसे डिफ़ॉल्ट रूप से रखते हैं, इसलिए जिन हिस्सों को आपकी SVG कभी नहीं रंगती वे आर-पार दिखते रहते हैं। सफ़ेद पृष्ठभूमि पर चपटा करना हो तो टिक हटा दीजिए - यह वहाँ काम आता है जहाँ पारदर्शिता काली दिखती है, जैसे कुछ पुराने दस्तावेज़ टेम्पलेट में।
बदलें और डाउनलोड करें
“PNG में बदलें” दबाइए। हर फ़ाइल आपके चुने आकार में बनती और एन्कोड होती है, अपनी अलग प्रगति पट्टी के साथ। एक-एक करके डाउनलोड कीजिए, या एक से ज़्यादा बदली हों तो सब कुछ एक ZIP में ले जाइए।
अक्सर पूछे जाने वाले प्रश्न
अगर SVG में चौड़ाई और ऊँचाई न हो तो PNG किस आकार का बनेगा?
हम viewBox लेते हैं। viewBox="0 0 200 50" वाली और बिना चौड़ाई-ऊँचाई की SVG 200 × 50 की PNG बनती है, क्योंकि यही उसके बनाने वाले का निर्देशांक तंत्र है। ब्राउज़र इससे असहमत हैं: वे 300 × 75 बताते हैं, जो CSS का पुराना डिफ़ॉल्ट है। हम ब्राउज़र से पूछने के बजाय फ़ाइल पढ़ते हैं।
और अगर कोई आकार ही न हो, viewBox भी नहीं?
तब फ़ाइल में कुछ भी आकार तय नहीं करता, और हम 512 × 512 इस्तेमाल करते हैं और आपको साफ़ बता भी देते हैं। यह शुरुआत का बिंदु है, आपकी मंशा का अंदाज़ा नहीं। सटीक आकार पर जाइए और जो माप चाहिए वह भर दीजिए; चित्र वहीं नए सिरे से बनेगा, इसलिए बदलने में कुछ खोता नहीं।
मेरी PNG में लिखा हुआ अलग क्यों दिख रहा है?
क्योंकि फ़ॉन्ट लोड ही नहीं हुआ। SVG फ़ॉन्ट का नाम भर बताती है, अक्षरों की आकृतियाँ फ़ाइल के भीतर नहीं होतीं। बनाते समय जो फ़ॉन्ट आपके पास नहीं है वह चुपचाप किसी और चौड़ाई वाले फ़ॉन्ट पर चला जाता है, जिससे लिखावट खिसक जाती है। निर्यात से पहले टेक्स्ट को आउटलाइन में बदल दीजिए, तब बिल्कुल वैसा ही रहेगा।
क्या पारदर्शिता बनी रहती है?
हाँ, डिफ़ॉल्ट रूप से। PNG में पूरा अल्फ़ा चैनल होता है, इसलिए जहाँ आपकी SVG कुछ नहीं रंगती वहाँ सचमुच पारदर्शी रहता है, सफ़ेद नहीं होता। आधी-पारदर्शी भराई और मुलायम छायाएँ भी अपनी अपारदर्शिता बनाए रखती हैं। ठोस पृष्ठभूमि चाहिए तो पारदर्शिता वाला टिक हटा दीजिए।
SVG के भीतर <script> टैग और दूरस्थ छवियों का क्या होता है?
वे न कभी चलते हैं, न लोड होते हैं। SVG में JavaScript, दूरस्थ छवि संदर्भ और बाहरी फ़ॉन्ट हो सकते हैं, इसीलिए अनजान स्रोत की SVG से सावधानी बनती है। हम हर फ़ाइल जाँचते हैं और जो मिलता है उसकी सूची देते हैं, और हमारा रेंडरिंग तरीका यह सब पूरी तरह रोक देता है: न कोई स्क्रिप्ट चलती है, न कोई अनुरोध आपके डिवाइस से बाहर जाता है।
बाद में PNG बड़ी करने के बजाय 2× पर निर्यात करना बेहतर क्यों है?
क्योंकि चित्र दोबारा बनाया जाता है, खींचा नहीं जाता। यहाँ स्केल दोगुना करने पर हर वक्र ऊँचे रिज़ॉल्यूशन पर फिर से बनता है, इसलिए किनारे गणितीय रूप से तीखे रहते हैं। बनी-बनाई PNG को बड़ा करने पर सिर्फ़ मौजूदा पिक्सेलों के बीच अनुमान लगता है, जिससे हर किनारा मुलायम पड़ जाता है। वेक्टर से शुरू करने का पूरा फ़ायदा यही है।
क्या आउटपुट के आकार की कोई सीमा है?
हाँ - 32 मेगापिक्सेल, और किसी एक तरफ़ 16,384 पिक्सेल से ज़्यादा नहीं, यानी लगभग 5600 × 5600। ज़्यादातर कलाकृति के लिए यह प्रिंट रिज़ॉल्यूशन से भी काफ़ी ऊपर है। सीमा इसलिए है कि कैनवास बहुत बड़ा होने पर ब्राउज़र त्रुटि के बजाय चुपचाप ख़ाली छवि लौटा देते हैं, और ख़ाली डाउनलोड साफ़ इनकार से भी बुरा है। इनपुट फ़ाइलें 5 MB तक।
SVG को बदलने के बजाय कब रखे रहना चाहिए?
जब भी मंज़िल कोई वेब पेज हो। SVG लोगो हर स्क्रीन और हर ज़ूम पर साफ़ रहता है, आम तौर पर PNG से हल्का होता है, और CSS से उसका रंग बदला जा सकता है। PNG में तब बदलिए जब मंज़िल SVG पढ़ ही न सके: ईमेल क्लाइंट, कुछ मार्केटप्लेस और प्रिंट पोर्टल, पुराने डेस्कटॉप सॉफ़्टवेयर और ऐप-आइकन पाइपलाइन।
क्या मेरी फ़ाइलें कहीं अपलोड होती हैं?
नहीं। बदलाव पूरी तरह आपके ब्राउज़र में होता है, उसी इंजन से जो किसी भी वेब पेज पर SVG बनाता है। आपकी फ़ाइल कभी सर्वर पर नहीं जाती, कभी संग्रहीत नहीं होती और हम उसे कभी नहीं देखते। इसका मतलब यह भी है कि कोई कतार नहीं - सीमा सिर्फ़ आपके अपने डिवाइस की रफ़्तार है।
आपको इनकी भी ज़रूरत हो सकती है
कुछ काम नहीं कर रहा? बग रिपोर्ट करें