डिथर वाली GIF के लिए धब्बे हटाएं बढ़ाएं
4–8 px से वह चेकरबोर्ड नॉइज़ हट जाता है जो फोटो से बनी GIF में होता है, और असली आकारों को नहीं छूता।
GIF डालिए और लगभग एक सेकंड में साफ, स्केलेबल SVG पाइए। सीमित पैलेट की वजह से GIF आर्टवर्क वेक्टराइज़ करना सबसे आसान कामों में से है — और फाइल आपके ब्राउज़र से बाहर नहीं जाती।
अपनी इमेज यहां ड्रॉप करें
GIF · साथ में PNG, JPG, WebP, BMP भी — 20 MB तक
इमेज चुनेंया Ctrl+V से पेस्ट करें
GIF अच्छी ट्रेस क्यों होती है
GIF आधा क्वांटाइज़ेशन पहले ही कर चुकी होती है; कन्वर्टर उसमें असली रंग ढूंढ लेता है।
GIF में ज़्यादा से ज़्यादा 256 रंग आ सकते हैं, और GIF में सेव ज़्यादातर क्लिपआर्ट, आइकन, बटन और डायग्राम इससे कहीं कम रंग इस्तेमाल करते हैं — अक्सर तीखे किनारों वाले 2 से 16 सादे रंग। ट्रेसर ठीक ऐसी ही इमेज सबसे अच्छी संभालता है: हर रंग एक साफ <path> बनता है, किनारे कुरकुरे रहते हैं, और SVG आम तौर पर GIF से छोटा निकलता है।
एक चीज़ पर नज़र रखनी होती है: डिथरिंग। जब GIF किसी फोटो या ग्रेडिएंट से बनी हो, तो एनकोडर गायब रंगों को पैलेट के दो रंगों की बारीक चेकरबोर्ड से नकल करता है। ट्रेसर को वह हज़ारों धब्बों जैसा दिखता है। AnyToSVG का रंग-विश्लेषण जहां हो सके डिथर पैटर्न को उसके औसत रंग में समेट देता है, और धब्बे हटाएं (सोर्स पिक्सल में) कोई भी पाथ बनने से पहले बचे टापुओं को आसपास के रंग में मिला देता है — इसलिए डिथर वाली GIF के लिए इसे 4–8 px कर दें और बिना छेद छोड़े नॉइज़ गायब हो जाता है। एडवांस्ड में पहले नॉइज़ घटाएं भी मदद करता है।
आउटपुट ओरिजिनल पिक्सल कोऑर्डिनेट में स्टैंडर्ड SVG है: हर रंग का एक पाथ, जहां इमेज में स्मूद शेडिंग थी वहां असली ग्रेडिएंट, और कुछ नहीं। यह Illustrator, Inkscape, Figma, Cricut Design Space और हर ब्राउज़र में खुलता है।
ट्रांसपेरेंसी और साइज़
GIF की ट्रांसपेरेंसी बनी रहती है; छोटे वेब ग्राफिक ट्रेस से पहले बड़े किए जाते हैं।
GIF ट्रांसपेरेंसी सपोर्ट करती है, पर सिर्फ चालू/बंद — पिक्सल या पूरा ठोस है या पूरा पारदर्शी, नरम किनारे नहीं होते। कन्वर्टर इसका सम्मान करता है: पारदर्शी पिक्सल ट्रेस नहीं होते, और SVG उन्हीं जगहों पर पारदर्शी रहता है। एंटी-एलियासिंग न होने से पारदर्शी GIF की आउटलाइन पिक्सल की सीढ़ी होती है; Potrace उस सीढ़ी को स्मूद कर्व में बदल देता है, और स्मूदिंग स्लाइडर तय करता है कि कोने कितने गोल हों (0 की ओर तीखे रहते हैं, 1.3 की ओर गोल हो जाते हैं)।
शुरुआती वेब की GIF अक्सर बहुत छोटी होती हैं — 32 से 200 पिक्सल। छोटी इमेज को वेक्टर बनाने से पहले ट्रेसिंग के अनुकूल फिल्टर से दो-तीन गुना बड़ा किया जाता है, जिससे सीधे कच्चे पिक्सल ट्रेस करने के मुकाबले कर्व साफ तौर पर ज़्यादा गोल आते हैं। जान-बूझकर बनाई पिक्सल आर्ट के लिए उल्टा चाहिए हो सकता है: स्मूदिंग को 0 और डिटेल प्रीसेट को शार्प कर दें, ताकि ब्लॉकी किनारे जैसे बने थे वैसे रहें।
एनिमेटेड GIF
SVG स्थिर इमेज है; पहले अपना फ्रेम चुन लें।
एनिमेटेड GIF चलती है, और ब्राउज़र कन्वर्टर को उसका पहला फ्रेम देता है। दूसरा फ्रेम चाहिए तो GIF को किसी इमेज एडिटर (GIMP, Photoshop, Photopea, ezgif.com) में खोलें, वह फ्रेम PNG के रूप में एक्सपोर्ट करें और PNG डालें — देखें PNG to SVG। SVG का अपना एनिमेशन मॉडल है (SMIL और CSS), पर ट्रेसर स्थिर इमेज बनाता है; उसे एनिमेट करना वेक्टर एडिटर में अलग स्टेप है।
यह कैसे काम करता है
तीन स्टेप, और दूसरा स्टेप ज़रूरी नहीं। न पैलेट विज़ार्ड, न मॉडल चुनने का झंझट, न क्रेडिट काउंटर।
इसे पेज पर खींचकर छोड़ें, डिवाइस से चुनें या Ctrl+V से पेस्ट करें। तुरंत जांच और ट्रेसिंग शुरू हो जाती है — कलर या ब्लैक-एंड-व्हाइट, रंगों की संख्या और थ्रेशोल्ड अपने-आप तय होते हैं।
ओरिजिनल और SVG के बीच की लाइन खींचें, किसी किनारे पर ज़ूम करें। रंगों की संख्या बदलें, कोई रंग छिपाएं, बैकग्राउंड ट्रांसपेरेंट करें; हर बदलाव पर कुछ ही पल में दोबारा ट्रेस हो जाता है।
SVG सेव करें, उसका कोड कॉपी करें, या 2× या 4× पर PNG बनाएं। कोऑर्डिनेट ओरिजिनल पिक्सल से मेल खाते हैं, हर फिल का एक पाथ, फाइल में और कुछ नहीं।
टिप्स
4–8 px से वह चेकरबोर्ड नॉइज़ हट जाता है जो फोटो से बनी GIF में होता है, और असली आकारों को नहीं छूता।
ऑटो-डिटेक्ट इसे इमेज से पढ़ता है; 4 रंग के आइकन को 4 रंगों से ट्रेस करें, डिथर के शेड के साथ नहीं।
जान-बूझकर ब्लॉकी किनारे रखने हों तो स्मूदिंग बंद करें और शार्प डिटेल प्रीसेट लें; छोटी इमेज बड़ी करें चालू रखें ताकि ब्लॉक अनुपात में रहें।
ट्रांसपेरेंट पर काली GIF B&W मोड में सबसे अच्छी ट्रेस होती है: एक पाथ, कोई पैलेट नहीं।
पुरानी साइटों के GIF बटन और आइकन छोटे होते हैं। कहीं बड़ी PNG या ओरिजिनल वेक्टर मिल जाए तो वही इस्तेमाल करें।
प्रीव्यू बैकग्राउंड चेकरबोर्ड पर करके पक्का करें कि कौन से हिस्से पारदर्शी निकले।
सवाल-जवाब
यहां छोटे जवाब हैं; पूरी FAQ में फॉर्मेट, क्वालिटी सेटिंग, फोटो और प्राइवेसी की बात है।
GIF को इसी पेज पर डालें या कन्वर्टर खोलकर फाइल चुनें। एक सेकंड के भीतर ब्राउज़र में डिकोड और ट्रेस हो जाती है; प्रीव्यू देखें और SVG डाउनलोड करें पर क्लिक करें। न अकाउंट, न अपलोड, न वॉटरमार्क।
पहला फ्रेम ट्रेस होता है; ट्रेसर से बना SVG स्थिर इमेज होता है। दूसरे फ्रेम को वेक्टराइज़ करने के लिए पहले उसे इमेज एडिटर से PNG में एक्सपोर्ट करें।
हां। GIF में ट्रांसपेरेंसी हर पिक्सल पर चालू/बंद होती है और वे पिक्सल ट्रेस ही नहीं होते, इसलिए SVG उन्हीं जगहों पर पारदर्शी रहता है। ठोस बैकग्राउंड को ट्रांसपेरेंट बैकग्राउंड चेकबॉक्स से हटाया जा सकता है।
वह डिथर्ड है — तीसरे रंग की नकल करता दो रंगों का बारीक पैटर्न। धब्बे हटाएं को 4–8 px करें, एडवांस्ड में पहले नॉइज़ घटाएं टिक करें और रंगों की संख्या उतनी कर दें जितनी डिज़ाइन में असल में हैं।
नहीं। GIF, PNG, JPG, WebP और BMP फाइलें पूरी तरह आपके ब्राउज़र के अंदर डिकोड और ट्रेस होती हैं। देखें प्राइवेसी पॉलिसी।
लगभग हमेशा SVG: वह हर स्क्रीन डेंसिटी पर तेज़ दिखता है, आम तौर पर छोटा होता है, और उसके रंग CSS से बदले जा सकते हैं। GIF 256 रंगों और एक तय पिक्सल साइज़ तक सीमित है।
और कन्वर्टर
वही इंजन, वही प्राइवेसी — हर इनपुट फॉर्मेट का अलग पेज, ताकि आप अपना वाला बुकमार्क कर सकें।
फ्री, ब्राउज़र में ही, कुछ इंस्टॉल नहीं करना, कुछ अपलोड नहीं होता। लगभग एक सेकंड में SVG आपकी ओरिजिनल इमेज के बगल में।