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

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

ज़्यादातर कन्वर्टर वही चौड़ाई ले लेते हैं जो SVG में लिखी मिल जाए, और चुपचाप उसी पर बना देते हैं। चूँकि बहुत सी SVG में कोई मामूली नाप लिखी होती है — 100 या 200 पिक्सेल का कोई आइकन आकार, जो जहाँ बनी थी वहीं से चिपका रह गया — नतीजा बेकार निकलता है।

उलटी दिशा से सोचिए: तस्वीर आख़िर में जाएगी कहाँ। वेब पन्ने पर उससे दोगुनी नाप पर बनाइए जितनी जगह में वह दिखेगी — ज़्यादा घनत्व वाली स्क्रीनें एक दशक से आम हैं, और 400 पिक्सेल की जगह में रखी 400 पिक्सेल की तस्वीर ज़्यादातर स्क्रीनों पर मुलायम दिखती है।

बड़ा चुनना सस्ता है, छोटा चुनना नहीं। ज़रूरत से बड़ी बनाई गई JPG कुछ अतिरिक्त आकार लेती है और बिना दिखने वाले नुक़सान के छोटी की जा सकती है; बहुत छोटी बनाई गई JPG वापस नहीं आ सकती, क्योंकि ब्योरा कभी लिखा ही नहीं गया।

JPG में अल्फ़ा चैनल नहीं है। सीमित नहीं — है ही नहीं। हर पिक्सेल अपारदर्शी है, इसलिए SVG में जो कुछ पारदर्शी था उसे किसी चीज़ से भरना पड़ता है, और सफ़ेद समझदार तयशुदा चुनाव है।

यही वह तयशुदा चुनाव भी है जो याद रह जाने वाली नाकामी पैदा करता है: गहरे रंग की पृष्ठभूमि के लिए बना सफ़ेद या बहुत हल्का लोगो JPG बनकर एक सफ़ेद चौकोर के रूप में पहुँचता है जिसमें देखने को कुछ नहीं। नतीजे के नीचे भरने का रंग बदल दीजिए।

ज़्यादातर SVG लोगो, आइकन और रेखाचित्र होती हैं — सपाट रंग और तीखे किनारे। JPEG का कंप्रेशन ठीक इसी सामग्री पर सबसे ख़राब है: वह फ़ोटो के लिए बना था, और दो रंगों के बीच की तीखी सीमा पर वह छल्ले और धुँधलापन छोड़ता है।

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

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

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

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

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

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

लक्षण यह है कि JPG में वहाँ ख़ाली चौकोर दिखता है जहाँ तस्वीर होनी चाहिए थी। दोबारा निर्यात कीजिए, संसाधनों को जोड़कर रखते हुए, न कि सिर्फ़ जोड़ते हुए — तब रेखाचित्र जिस भी चीज़ पर निर्भर है वह उसके साथ चलती है।

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

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

पूरा फ़ोल्डर छोड़ दीजिए। हर SVG उसी पैमाने पर बनाई जाती है और सब ZIP बनकर लौटती हैं — किसी आइकन सेट या निर्यात के जत्थे को आम तौर पर यही चाहिए होता है।

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