PNG से SVG - ट्रेसिंग, रास्टर को उलटना नहीं
कोई भी चीज़ PNG को वापस उस वेक्टर फ़ाइल में नहीं बदल सकती जिससे वह बनी थी। छवि के रास्टर होते ही वह जानकारी चली जाती है, और कोई टूल उसे लौटा नहीं सकता। ट्रेसिंग कुछ और ही करती है, और शुरू करने से पहले यह समझ लेना ठीक रहेगा: वह पिक्सेल देखती है, मिलती-जुलती रंगत वाले सपाट क्षेत्रों में बाँटती है, और हर क्षेत्र के चारों ओर रूपरेखा खींच देती है। लोगो पर यह लगभग सटीक बैठता है, क्योंकि लोगो सचमुच मुट्ठी भर सपाट आकृतियाँ ही है। तस्वीर पर यह आपदा है, और यह पन्ना आपको ठीक-ठीक दिखाता है कि कितनी बड़ी। नीचे का हर आँकड़ा इसी टूल से मापा गया है। ट्रेसिंग पूरी तरह आपके ब्राउज़र में चलती है - छवि कभी अपलोड नहीं होती - और चूँकि यह हमारा सबसे धीमा काम है, यह सच्ची प्रगति दिखाती है और आप इसे कभी भी रोक सकते हैं।
इस टूल का उपयोग कैसे करें
अपनी PNG छोड़ें
ऊपर वाले बक्से पर फ़ाइल खींचकर छोड़ें या चुनने के लिए क्लिक करें, 20 MB तक। फ़ाइल सामग्री से जाँची जाती है। किसी भी तरफ़ 4000 पिक्सेल से बड़ी चीज़ पहले छोटी की जाती है, क्योंकि ट्रेसिंग की लागत पिक्सेल संख्या से भी तेज़ बढ़ती है।
रंगों की संख्या तय करें
यही वह नियंत्रण है जो मायने रखता है। दो रंग साफ़ श्वेत-श्याम ट्रेस देते हैं, काले लोगो के लिए बिल्कुल सही। छह से आठ सपाट चित्रों पर बैठते हैं। हर अतिरिक्त रंग पाथ और बाइट जोड़ता है, इसलिए कम से शुरू कीजिए और तब तक ही बढ़ाइए जब तक झलक सुधरना बंद न कर दे।
स्मूदिंग और न्यूनतम क्षेत्र सँवारें
स्मूदिंग तय करती है कि सरल बने रहने के लिए वक्र पिक्सेल से कितना हट सकता है - ज़्यादा मतलब चिकना और छोटा, बहुत ज़्यादा हो तो कोने गोल हो जाते हैं। न्यूनतम क्षेत्र एक पिक्सेल संख्या से छोटे हिस्से हटा देता है, जिससे स्कैन और दबे हुए स्रोतों के धब्बे साफ़ हो जाते हैं।
पहले और बाद की तुलना करें
दोनों पैनल मूल और ट्रेस किया रूप साथ-साथ दिखाते हैं, नीचे आउटपुट आकार और पाथ की संख्या के साथ। पाथ संख्या जटिलता का ईमानदार पैमाना है: अच्छे लोगो के ट्रेस में मुट्ठी भर होते हैं, और सैकड़ों का अंक बताता है कि ट्रेसर ऐसी बारीकी के पीछे भाग रहा है जिसे वह ठीक से दिखा ही नहीं सकता।
SVG कॉपी या डाउनलोड करें
स्रोत सीधे क्लिपबोर्ड में कॉपी कीजिए ताकि इनलाइन चिपकाया जा सके, या फ़ाइल के रूप में डाउनलोड कीजिए। बड़ी छवि पर ट्रेसिंग में कुछ सेकंड लगते हैं, और रद्द करने का बटन काम को सचमुच रोकता है, सिर्फ़ छिपाता नहीं।
अक्सर पूछे जाने वाले प्रश्न
क्या ट्रेसिंग मुझे मेरी मूल वेक्टर फ़ाइल लौटा देगी?
नहीं, और कोई टूल यह नहीं कर सकता। रास्टर करने पर आकृतियाँ फेंक दी जाती हैं और सिर्फ़ रंगों का जाल बचता है, इसलिए ट्रेसिंग को उन्हीं पिक्सेलों से नई रूपरेखाएँ अनुमानित करनी पड़ती हैं। नतीजा चित्र के क़रीब जाता है - सपाट कलाकृति में अक्सर बहुत क़रीब - पर वह नया चित्र है, वह नहीं जिससे आपने शुरू किया था।
लोगो पर यह कितना अच्छा चलता है?
बहुत अच्छा, और आम तौर पर छोटा भी निकलता है। हमने जो 400 × 400 का काला लोगो मापा वह 7.7 KB की PNG से 1.9 KB की SVG बना, सिर्फ़ चार पाथ से - हर ज़ूम पर तीखा और आकार में एक-तिहाई से भी कम। ऐसी कलाकृति के लिए दो रंग ही सही सेटिंग है।
अगर मैं तस्वीर ट्रेस करूँ तो क्या होगा?
आपको कुछ बड़ा मिलेगा जो शुरुआत से भी बुरा दिखेगा। हमने 14.1 KB की जो तस्वीर ट्रेस की वह 607 पाथ वाली 151.5 KB की SVG बनी - दस गुना से ज़्यादा बड़ी और साफ़ दिखने वाले धब्बों के साथ। टूल इनपुट की रंग-विविधता से यह पहचान लेता है और तय करने से पहले चेता देता है।
मेरी ट्रेस की हुई SVG PNG से बड़ी क्यों है?
क्योंकि दोनों प्रारूप अलग-अलग चीज़ों की क़ीमत चुकाते हैं। PNG दोहराए गए पिक्सेल बहुत सस्ते में दबाता है; SVG को हर रूपरेखा के लिए निर्देशांक लिखने पड़ते हैं। हमारा सपाट छह-रंग परीक्षण 6.3 KB की PNG से 16.2 KB की SVG बना - बड़ा, पर अब रिज़ॉल्यूशन से आज़ाद, और आम तौर पर यही आपको चाहिए था।
मुझे कितने रंग चुनने चाहिए?
जितने आप सोचते हैं उससे कम। उसी सपाट चित्र पर दो रंगों ने 622 बाइट और 2 पाथ दिए, आठ ने 16.2 KB और 120 पाथ, और सोलह ने 24.2 KB और 185 पाथ। आठ और सोलह के बीच दिखने वाला फ़र्क़ मामूली था; फ़ाइल आधी और बड़ी हो गई।
ट्रेसिंग कब सही औज़ार है?
लोगो, रेखाचित्र, मोहरें और हस्ताक्षर, स्क्रीन-प्रिंटिंग और कढ़ाई की कलाकृति, और वह सब जो लेज़र या विनाइल कटर तक जाना है - उन मशीनों को पिक्सेल नहीं, पाथ चाहिए। साझा बात है सपाट रंग और साफ़ किनारे, बिना ग्रेडिएंट और मुलायम छाया के।
मुझे कब कोशिश ही नहीं करनी चाहिए?
तस्वीरों पर, ग्रेडिएंट, ड्रॉप शैडो या मुलायम फ़ोकस वाली किसी भी चीज़ पर, और टेक्स्ट के स्क्रीनशॉट पर। ये सब मुलायम बदलावों पर टिके होते हैं जिन्हें सपाट क्षेत्र दिखा ही नहीं सकते, इसलिए आपको पट्टियाँ मिलती हैं और कई गुना बड़ी फ़ाइल। इसके बजाय मूल को दबा दीजिए।
क्या पारदर्शिता बच जाती है?
आंशिक रूप से। पूरी तरह पारदर्शी हिस्से रंग के बजाय ख़ाली के रूप में ट्रेस होते हैं, इसलिए पारदर्शी पृष्ठभूमि पर रखा लोगो साफ़ रहता है। आधे-पारदर्शी पिक्सेल सबसे नज़दीकी सपाट रंग में मिला दिए जाते हैं, क्योंकि ट्रेस किए क्षेत्र की एक ही भराई होती है - मुलायम किनारे और बिखरी छायाएँ नहीं आ पातीं।
क्या ट्रेस करने के लिए मेरी छवि अपलोड होती है?
नहीं। पूरी ट्रेसिंग आपके ब्राउज़र के भीतर एक Web Worker में चलती है, इसीलिए काम के दौरान इंटरफ़ेस चलता रहता है। आपकी छवि कभी सर्वर पर नहीं जाती, कभी संग्रहीत नहीं होती और हम उसे कभी नहीं देखते - और रद्द करना काम सचमुच ख़त्म करता है, किसी और की मशीन पर अधूरा काम छोड़ता नहीं।
4000 पिक्सेल की सीमा क्यों है?
क्योंकि उससे आगे किसी का फ़ायदा नहीं होता। लागत पिक्सेल संख्या से तेज़ बढ़ती है, और अतिरिक्त बारीकी ज़्यादातर पाथ जोड़ती है, सटीकता नहीं - बड़ा इनपुट बड़ी और धीमी SVG देता है जो दिखने में लगभग वैसी ही रहती है। किसी भी तरफ़ इससे लंबी चीज़ पहले छोटी की जाती है, और पैनल बता देता है कि ऐसा कब हुआ।
आपको इनकी भी ज़रूरत हो सकती है
कुछ काम नहीं कर रहा? बग रिपोर्ट करें