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

वेक्टर फ़ाइलें रखने के लिए सही चीज़ हैं और भेजने के लिए ग़लत। SVG किसी भी आकार तक बढ़ता है और कभी धुंधला नहीं होता — इसीलिए लोगो और आइकन SVG में ही रखे जाते हैं। और इसीलिए बहुत सी जगहें इसे लेने से मना भी कर देती हैं: पुराने Office संस्करण, कई अपलोड फ़ॉर्म, ऐप आइकन बनाने की प्रक्रियाएँ, और लगभग हर छपाई का काम।

PNG सबसे छोटा साझा हिस्सा है। यह हर जगह पढ़ा जाता है, हर जगह एक जैसा दिखता है, और यही वह रूप है जिसमें एक वेक्टर वेक्टर की दुनिया से बाहर निकलता है।

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

एक काम की आदत यह है कि जहाँ सबसे बड़े रूप में यह तस्वीर दिखेगी, उसका दोगुना ले लीजिए — इससे ऊँचे घनत्व वाली स्क्रीन भी सध जाती हैं। ऐप आइकन के लिए स्केल ऐसा रखिए कि प्लैटफ़ॉर्म जितने पिक्सल माँगता है, ठीक उतने ही निकलें।

SVG पाठ को पाठ की तरह रखता है और फ़ॉन्ट को उसके नाम से बुलाता है। अगर फ़ॉन्ट फ़ाइल के भीतर नहीं है, तो बनाने वाला उसकी जगह कोई और फ़ॉन्ट रख देता है और आपका ध्यान से सजाया हुआ नाम बिगड़कर निकलता है। SVG से PNG का रूपांतरण टूटा हुआ दिखने की सबसे बड़ी वजह यही है।

देवनागरी में यह और भी आसानी से होता है, क्योंकि नाम से बुलाया गया हिंदी फ़ॉन्ट बनाने वाले के पास न होना आम बात है — और बदले हुए फ़ॉन्ट में मात्राएँ और संयुक्ताक्षर सबसे पहले बिगड़ते हैं। पक्का इलाज डिज़ाइन सॉफ़्टवेयर में है: निर्यात से पहले पाठ को आउटलाइन या पाथ में बदल दीजिए, फिर अक्षर आकृतियाँ बन जाते हैं जिन्हें बदला नहीं जा सकता।

पारदर्शी हिस्से पारदर्शी ही रहते हैं, इसलिए लोगो किसी भी पृष्ठभूमि पर बैठ जाता है, पीछे सफ़ेद डिब्बा लिए बिना।

चित्र आपके ब्राउज़र से नहीं, resvg से बनता है, इसलिए नतीजा हर मशीन पर एक जैसा होता है। जो कन्वर्टर कैनवस के रास्ते बनाते हैं, वे Chrome और Safari में थोड़ा अलग नतीजा देते हैं — और यह ठीक वैसा फ़र्क़ है जो फ़ाइल मंज़ूर हो जाने के बाद ही सामने आता है।

सादी आकृतियाँ, रेखाएँ और भराव बिलकुल ठीक उतर आते हैं। बनाने वाले सॉफ़्टवेयर एक-दूसरे से वहाँ अलग होने लगते हैं जहाँ विनिर्देश जटिल हो जाता है: धुँधलापन, छाया वाले फ़िल्टर, ब्लेंड मोड, और ऐसे मास्क जो दूसरे मास्क से बने हों।

resvg विनिर्देश का वह हिस्सा लागू करता है जो असली फ़ाइलें बरतती हैं, और बाक़ी के बारे में जान-बूझकर ईमानदार है — असमर्थित फ़िल्टर को लगभग-सही दिखने वाली किसी चीज़ में ढालने के बजाय छोड़ दिया जाता है। अगर कोई प्रभाव ज़रूरी है तो मान मत लीजिए, PNG देख लीजिए; और अगर वह ग़ायब है तो निर्यात से पहले उसे डिज़ाइन सॉफ़्टवेयर में ही समतल कर दीजिए।

SVG अक्सर कुछ किलोबाइट का होता है, क्योंकि वह तस्वीर नहीं, एक विवरण है। PNG पिक्सलों की जाली है, और यह जाली स्केल के वर्ग के हिसाब से बढ़ती है: स्केल दोगुना कीजिए, फ़ाइल चौगुनी हो जाती है।

SVG में 4 KB का लोगो 4000 पिक्सल के PNG में कई मेगाबाइट का हो सकता है। यह ख़राबी नहीं, इस रूप का गणित है — पर यही अच्छी वजह है कि जितना रिज़ॉल्यूशन सचमुच चाहिए उतना चुनिए, सबसे बड़ा वाला नहीं।

यह इस रूपांतरण की सबसे आम वजहों में से एक है, और इसका जवाब दो-टूक है: प्लैटफ़ॉर्म ठीक-ठीक पिक्सल माप माँगते हैं, इसलिए स्केल ऐसा रखिए कि आप उसी पर उतरें, उसके आसपास नहीं। बाद में PNG का आकार बदलना वेक्टर से शुरू करने की पूरी वजह ही फेंक देना है।

फ़ेविकॉन के लिए यह भी ध्यान रखिए कि आम तौर पर PNG नहीं, ICO चाहिए होता है, क्योंकि ICO एक ही फ़ाइल में कई आकार रख लेता है। जितना बड़ा आकार चाहिए उतने में PNG बना लीजिए और बाक़ी के लिए PNG से ICO वाला पन्ना काम में लीजिए।

एक SVG बाहरी तस्वीर, बाहरी फ़ॉन्ट या किसी और फ़ाइल में रखी स्टाइलशीट की ओर इशारा कर सकता है। ये इशारे SVG का हिस्सा नहीं होते, इसलिए जब फ़ाइल अकेली यहाँ पहुँचती है, तो जिनकी ओर वह इशारा कर रही थी वे साथ नहीं आतीं।

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

पूरा फ़ोल्डर छोड़ दीजिए। हर फ़ाइल एक ही स्केल पर बनती है और ZIP में लौटती है — आइकन सेट को आम तौर पर यही चाहिए होता है, क्योंकि हर फ़ाइल के अलग-अलग सर्वोत्तम होने से ज़्यादा मायने पूरे सेट का एक जैसा होना रखता है।

चित्र आपकी अपनी मशीन पर बनता है, इसलिए न प्रति-फ़ाइल कोई सीमा है न कोई क़तार। और चूँकि यह ब्राउज़र का कैनवस नहीं बल्कि resvg है, दो सौवाँ आइकन भी ठीक वैसे ही बनता है जैसे पहला।