GIF से APNG कन्वर्टर

APNG क्या है?

APNG (Animated Portable Network Graphics) जाने-पहचाने PNG फ़ॉर्मैट में एनिमेशन फ़्रेम जोड़ देता है। इसे Mozilla ने बनाया था और अब हर बड़ा ब्राउज़र इसे सपोर्ट करता है। दशकों पुराने GIF फ़ॉर्मैट की तुलना में APNG दो बड़े सुधार देता है: 256-रंग के पैलेट की जगह पूरे 24-बिट रंग, और GIF की सब-या-कुछ-नहीं पारदर्शिता की जगह 8-बिट अल्फ़ा पारदर्शिता — आर-पार दिखने के 256 स्तर। इसका मतलब है कि मुलायम छाया, ग्लो और एंटी-एलियास्ड किनारे किसी भी बैकग्राउंड पर स्मूद दिखते हैं, जबकि GIF में किनारे दाँतेदार और अक्सर सफ़ेद झालर वाले दिखते हैं।

यह GIF से APNG कन्वर्टर (GIF से APNG) एनिमेटेड GIF लेकर उसे आपके ब्राउज़र में लॉसलेस APNG के रूप में री-एन्कोड करता है, हर फ़्रेम की टाइमिंग और पारदर्शिता बनाए रखते हुए।

इसे कैसे इस्तेमाल करें

1. अधिकतम साइज़ चुनें — GIF का साइज़ रखें, या स्टिकर और आइकन के लिए सबसे लंबी तरफ़ को 480 या 320 पिक्सल तक सीमित करें।
2. अपना एनिमेटेड GIF डालें (50 MB और 500 फ़्रेम तक)। टाइल्स उसका साइज़, आयाम और फ़्रेम की संख्या दिखाती हैं।
3. Convert to APNG दबाएँ। फ़्रेम तैयार और कंप्रेस किए जाते हैं।
4. चेकरबोर्ड बैकग्राउंड (जो पारदर्शिता दिखाता है) पर प्रीव्यू देखें, फिर डाउनलोड दबाएँ।

फ़ाइल साइज़ पर एक ईमानदार बात

कई लोग उम्मीद करते हैं कि बदला हुआ APNG, GIF से छोटा होगा। आम तौर पर ऐसा नहीं होता। APNG हर फ़्रेम को पूरी रंग जानकारी के साथ लॉसलेस सेव करता है, जबकि GIF 256 रंगों में फ़िट करने के लिए रंग की बारीकी फेंक देता है। GIF से बदलते समय APNG को वे सारे पिक्सल सही-सही रखने होते हैं जो GIF में हैं, ऐसे फ़ॉर्मैट में जिसमें हर पिक्सल के लिए ज़्यादा जगह है, इसलिए फ़ाइल अक्सर बढ़ जाती है। APNG तब चुनें जब क्वालिटी और पारदर्शिता मायने रखें — UI एनिमेशन, स्टिकर, इमोट, अलग-अलग बैकग्राउंड पर लोगो। जब फ़ाइल साइज़ सबसे अहम हो और पारदर्शिता की ज़रूरत न हो, तो इसके बजाय WebM या MP4 में बदलें, जो आम तौर पर दोनों से कहीं छोटे होते हैं।

GIF बनाम APNG बनाम WebP बनाम वीडियो

APNG की सबसे अच्छी जगह छोटे एनिमेशन हैं जो किसी भी बैकग्राउंड पर साफ़ दिखें और सामान्य इमेज की तरह बर्ताव करें — न वीडियो प्लेयर, न ऑटोप्ले के नियम।

टाइमिंग और फ़्रेम

कन्वर्टर आपके ब्राउज़र के ImageDecoder से हर पूरा GIF फ़्रेम दोबारा बनाता है (कई GIF सिर्फ़ बदले हुए हिस्से सेव करते हैं) और हर फ़्रेम की देरी APNG में कॉपी करता है। 20 मिलीसेकंड से कम की देरी 100 मिलीसेकंड लिखी जाती है, जैसा ब्राउज़र हमेशा ऐसे GIF दिखाते आए हैं, इसलिए एनिमेशन पहले जितनी ही स्पीड का दिखता है। APNG हमेशा लूप होता है, ज़्यादातर GIF की तरह।

फ़ाइल .png पर क्यों ख़त्म होती है

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

वेबसाइट पर APNG का इस्तेमाल

APNG का इस्तेमाल बिल्कुल किसी भी PNG की तरह होता है: उसे <img> टैग या CSS बैकग्राउंड में रखें। न ऑटोप्ले के नियम हैं, न वीडियो प्लेयर कंट्रोल, और न muted या playsinline एट्रिब्यूट की ज़रूरत — वह बस GIF की तरह एनिमेट होता है। लेआउट खिसकने से बचने के लिए इमेज में साफ़ width और height एट्रिब्यूट दें, और स्क्रीन-रीडर यूज़र के लिए एनिमेशन का अर्थपूर्ण alt टेक्स्ट जोड़ें। बड़े एनिमेशन के लिए याद रखें कि APNG लॉसलेस है; वीडियो फ़ॉर्मैट कहीं हल्का होगा।

GIF के किनारे दाँतेदार क्यों दिखते हैं?

GIF का पिक्सल या तो पूरी तरह पारदर्शी होता है या पूरी तरह ठोस — बीच का कुछ नहीं। जब कोई आर्टिस्ट मुलायम, एंटी-एलियास्ड किनारों वाली आकृति GIF में एक्सपोर्ट करता है, तो अर्ध-पारदर्शी किनारे के पिक्सल या तो ठोस हो जाते हैं या अदृश्य। वे आम तौर पर किसी मान लिए गए बैकग्राउंड रंग (अक्सर सफ़ेद) से मिला दिए जाते हैं और ठोस रखे जाते हैं, जिससे GIF को गहरे पेज पर रखने पर जाना-पहचाना सफ़ेद घेरा दिखता है। APNG का 8-बिट अल्फ़ा चैनल उन बीच की वैल्यू को सेव कर सकता है, इसीलिए मूल आर्टवर्क से एक्सपोर्ट किए APNG किसी भी बैकग्राउंड पर स्मूद दिखते हैं।

APNG या एनिमेटेड WebP?

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

आम उपयोग

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

हल किया गया उदाहरण

एक कम्युनिटी मैनेजर के पास एनिमेटेड रिएक्शन GIF का सेट है और एक स्टिकर प्लेटफ़ॉर्म है जो सिर्फ़ 320 पिक्सल तक के APNG लेता है। हर GIF के लिए वे 320 px चुनते हैं, फ़ाइल डालते हैं और Convert to APNG दबाते हैं। टाइल्स फ़्रेम की संख्या की पुष्टि करती हैं, कन्वर्टर हर फ़्रेम की टाइमिंग और पारदर्शी बैकग्राउंड बनाए रखता है, और चेकरबोर्ड प्रीव्यू स्टिकर को ठीक वैसे दिखाता है जैसा वह दिखेगा। वे हर .png डाउनलोड करके अपलोड करते हैं। ध्यान रहे, कन्वर्ट करने से वे किनारे स्मूद नहीं होते जो GIF में पहले से दाँतेदार थे — बिल्कुल मुलायम किनारों के लिए, जहाँ हो सके, APNG सीधे मूल एनिमेशन प्रोजेक्ट से एक्सपोर्ट करें।

इन्फ़ो टाइल्स क्या दिखाती हैं

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

कन्वर्ज़न कैसे काम करता है

हर पूरा फ़्रेम पारदर्शी कैनवास पर बनाया जाता है, उसके पिक्सल पढ़े जाते हैं, और UPNG.js उन्हें मूल देरी के साथ APNG में लिखता है। लाइब्रेरी जहाँ संभव हो हर फ़्रेम का सिर्फ़ बदला हुआ हिस्सा अपने आप सेव करती है और हर फ़्रेम को वही लॉसलेस DEFLATE तरीके से कंप्रेस करती है जो आम PNG फ़ाइलों में इस्तेमाल होता है, इसलिए पूरी प्रक्रिया के किसी भी चरण में क्वालिटी नहीं घटती।

साइज़ चुनना

क्योंकि APNG लॉसलेस है, आयामों के साथ फ़ाइल साइज़ तेज़ी से बढ़ता है: चौड़ाई और ऊँचाई आधी करने से पिक्सल की संख्या चौथाई रह जाती है। अगर कोई एनिमेशन आपकी साइट पर 160 पिक्सल पर दिखता है, तो 600-पिक्सल का APNG ज़्यादातर बाइट्स बर्बाद करता है — 320 px चुनें (दिखाए जाने वाले साइज़ का दोगुना, हाई-डेंसिटी स्क्रीन पर साफ़ दिखने के लिए)। स्टिकर और इमोट प्लेटफ़ॉर्म आम तौर पर सटीक सीमाएँ बताते हैं; उनके भीतर फ़िट होने वाला साइज़ विकल्प चुनें। कन्वर्टर एनिमेशन को कभी बड़ा नहीं करता।

बनावट से निजी

आपका GIF ब्राउज़र डिकोड करता है और ओपन-सोर्स UPNG.js लाइब्रेरी उसे APNG में एन्कोड करती है, सब आपके अपने डिवाइस पर। कुछ भी अपलोड या सेव नहीं होता, और कोई वॉटरमार्क नहीं है।

समस्या-समाधान

• “This browser cannot read GIF animation frames”: सबसे नया Chrome, Edge या Firefox इस्तेमाल करें।
• APNG बहुत बड़ा है: 480 या 320 px चुनें, या अगर पारदर्शिता नहीं चाहिए तो WebM/MP4 इस्तेमाल करें।
• यह स्थिर इमेज की तरह दिखता है: जिस ऐप में आपने इसे खोला वह APNG सपोर्ट नहीं करता; एनिमेशन देखने के लिए इसे वेब ब्राउज़र में खोलें।
• किनारे अब भी दाँतेदार दिखते हैं: दाँतेदारपन GIF के फ़्रेमों में ही है; APNG वही रखता है जो GIF में है।
• लंबे GIF का सिर्फ़ एक हिस्सा कन्वर्ट हुआ: 500 से ज़्यादा फ़्रेम वाले GIF फ़्रेम 500 तक कन्वर्ट होते हैं।

सुझाव

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

किसी भी डिवाइस पर काम करता है

कन्वर्ज़न के लिए ImageDecoder API चाहिए, जो डेस्कटॉप और Android पर मौजूदा Chrome, Edge और Firefox में उपलब्ध है। APNG आउटपुट सभी आधुनिक ब्राउज़र में चलता है, Mac और iPhone के Safari समेत।

संक्षिप्त शब्दावली

• APNG: एनिमेटेड PNG — एनिमेशन फ़्रेम वाला PNG।
• Alpha channel: हर पिक्सल की पारदर्शिता की जानकारी।
• Lossless: ऐसा compression जो हर पिक्सल बिल्कुल वैसा ही रखता है।
• पैलेट: रंगों की वह सीमित सूची जो GIF इस्तेमाल कर सकता है।

यह कन्वर्टर क्यों इस्तेमाल करें?

यह मूल टाइमिंग और पारदर्शिता के साथ असली लॉसलेस APNG बनाता है, ईमानदारी से बताता है कि कब कोई दूसरा फ़ॉर्मैट छोटा होगा, और आपकी फ़ाइलें निजी रखता है — मुफ़्त। मिलते-जुलते टूल्स: GIF से WebM, GIF से MP4 और GIF मेकर।

GIF से APNG कन्वर्टर — मुख्य बातें

अक्सर पूछे जाने वाले सवाल

Prompt Minds के और टूल्स देखें

GIF से APNG कन्वर्टर हमारे दूसरे मुफ़्त टूल्स के साथ बढ़िया काम करता है। Prompt Minds का हर टूल पूरी तरह आपके ब्राउज़र में चलता है — न साइन-अप, न अपलोड, न वॉटरमार्क। सभी मुफ़्त टूल्स देखें।