GIF को AVIF में बदलें
एनिमेटेड AVIF इमेज टैग में GIF की तरह ही चलता है, लेकिन यह AV1 वीडियो कोडेक से कंप्रेस होता है, इसलिए वेब पेज पर वही लूप बहुत कम बाइट्स में आ जाता है।
वीडियो कन्वर्टर
या MP4, MOV, MKV … फ़ाइलें यहाँ ड्रop करें ·
प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं
फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।
कम मान का मतलब बेहतर क्वालिटी और बड़ी फ़ाइल। 18 स्रोत जैसा ही दिखता है, 23 डिफ़ॉल्ट है, और 28 या उससे ऊपर धुंधलापन दिखने लगता है।
फ्रेम प्रति सेकंड। जब तक कोई प्लेटफ़ॉर्म खास रेट न माँगे, स्रोत वाला रेट रखें; GIF के लिए 15–20 fps काफ़ी है।
सिर्फ़ PowerPoint फ़ाइलों और एकल स्थिर इमेज के लिए: हर स्लाइड या तस्वीर स्क्रीन पर कितनी देर रहेगी।
ऑटो MP4/MOV के लिए AAC और WebM के लिए Opus इस्तेमाल करता है। नया फ़ॉर्मैट समर्थन करे तो ओरिजिनल कॉपी असली आवाज़ को बिना बदले रखता है।
संगीत के लिए 192 kbps में फ़र्क़ नहीं सुनाई देता; बोलचाल के लिए 128 kbps काफ़ी है।
एनीमेशन की चौड़ाई पिक्सल में; ऊँचाई aspect ratio के अनुसार तय होती है। चैट के लिए 480 px ठीक है, 720 px या अधिक से हाई-क्वालिटी GIF बनता है, पर फ़ाइल बहुत बड़ी हो जाती है।
GIF में अधिकतम 256 रंग हो सकते हैं। कम रंगों से फ़ाइल छोटी होती है, लेकिन ग्रेडिएंट और त्वचा के रंगों में बैंडिंग दिखती है।
बैंडिंग छिपाने के लिए पैलेट के रंगों को बारीक पैटर्न में मिलाता है। Sierra सबसे smooth नतीजा देता है; none से फ़ाइल सबसे छोटी बनती है।
एनीमेशन बार-बार चलता रहे या एक बार चलकर रुक जाए।
वैकल्पिक। सेकंड (जैसे 75) या मिनट:सेकंड (1:15)। शुरुआत से शुरू करने के लिए खाली छोड़ें।
वैकल्पिक। शुरुआती समय जैसा ही फ़ॉर्मैट। अंत तक सब कुछ रखने के लिए खाली छोड़ें।
बदली गई फ़ाइल इस साइज़ के बराबर या ठीक इससे थोड़ी कम होगी।
इस टूल का उपयोग कैसे करें
- 1
अपनी GIF फ़ाइलें जोड़ें
20 तक एनिमेटेड GIF अपलोड करें, हर फ़ाइल 95 MB तक। छोटी MP4 या WebM क्लिप भी सीधे एनिमेटेड AVIF में बदली जा सकती हैं।
- 2
चौड़ाई सेट करें
एनिमेटेड आउटपुट 480 px की चौड़ाई से शुरू होता है। अगर आप GIF को बिना स्केल किए चाहते हैं, तो एडवांस्ड सेटिंग में GIF की अपनी चौड़ाई डालें; लूप हमेशा के लिए लूप पर रहता है।
- 3
AVIF में बदलें
AVIF में बदलें दबाएँ और .avif फ़ाइलें डाउनलोड करें, जो आपकी साइट के picture एलिमेंट में सीधे लगाने के लिए तैयार हैं।
वेबसाइट के लिए GIF को AVIF में क्यों बदलें
GIF हर फ़्रेम को अलग 256-रंग की इमेज के रूप में रखता है। कुछ सेकंड का प्रोडक्ट डेमो या स्क्रीन-रिकॉर्डेड वॉकथ्रू कई MB का हो सकता है, और लैंडिंग पेज पर अकेली यही इमेज अक्सर पूरे कोड से भारी होती है। Google के Lighthouse ऑडिट में ठीक ऐसी फ़ाइलों के लिए एक अलग जाँच है, "Use video formats for animated content"।
AVIF को Alliance for Open Media ने 2019 में AV1 वीडियो कोडेक पर बने स्टिल-इमेज फ़ॉर्मेट के रूप में HEIF कंटेनर के भीतर अंतिम रूप दिया। एनिमेटेड AVIF एक AV1 इमेज सीक्वेंस है: बाद के फ़्रेम पहले वालों से अनुमानित होते हैं, ठीक वीडियो फ़ाइल की तरह, इसलिए सिर्फ़ फ़्रेमों के बीच का बदलाव बिट्स लेता है।
GIF बनाम एनिमेटेड AVIF: यह फॉर्मेट क्या नया देता है
| from ↓ · to → | हर फ़्रेम में 256 से ज़्यादा रंग | चिकने अल्फ़ा किनारे | मोशन से अनुमानित फ़्रेम | 10-bit color | हर इमेज व्यूअर में खुलता है |
|---|---|---|---|---|---|
| GIF | – GIF to हर फ़्रेम में 256 से ज़्यादा रंग: no | – GIF to चिकने अल्फ़ा किनारे: no | – GIF to मोशन से अनुमानित फ़्रेम: no | – GIF to 10-bit color: no | GIF to हर इमेज व्यूअर में खुलता है: yes |
| एनिमेटेड AVIF | एनिमेटेड AVIF to हर फ़्रेम में 256 से ज़्यादा रंग: yes | एनिमेटेड AVIF to चिकने अल्फ़ा किनारे: yes | एनिमेटेड AVIF to मोशन से अनुमानित फ़्रेम: yes | एनिमेटेड AVIF to 10-bit color: yes | – एनिमेटेड AVIF to हर इमेज व्यूअर में खुलता है: no |
GIF
ग्राफ़िक्स इंटरचेंज फ़ॉर्मेट
GIF को CompuServe ने 1987 में पेश किया था और छोटे, लूप होने वाले एनिमेशन के लिए यह आज भी सबसे व्यापक रूप से सपोर्टेड फ़ॉर्मेट है। यह लॉसलेस है, पर हर फ़्रेम में केवल 256 रंगों के पैलेट तक सीमित है, इसलिए फ़ोटो और ग्रेडिएंट में बैंडिंग और डिदरिंग दिखती है। यह सिर्फ़ चालू/बंद (1-बिट) पारदर्शिता सपोर्ट करता है, जिससे घुमावदार आकृतियों के किनारे दाँतेदार दिखते हैं। एनिमेटेड GIF अक्सर उसी क्लिप के MP4 या WebP से कहीं बड़े होते हैं। हर ब्राउज़र, चैट ऐप और सोशल प्लेटफ़ॉर्म GIF चलाता है।
- कंप्रेशन
- लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- हाँ
- शुरुआत का वर्ष
- 1987 · CompuServe
AVIF
AV1 इमेज फ़ाइल फ़ॉर्मेट
AVIF स्थिर इमेज और इमेज सीक्वेंस को AV1 वीडियो कोडेक से कंप्रेस करके रखता है, और इसे Alliance for Open Media ने 2019 में अंतिम रूप दिया। समान विज़ुअल क्वालिटी पर यह आम तौर पर JPEG और WebP दोनों से छोटी फ़ाइलें बनाता है, और पारदर्शिता, एनिमेशन, वाइड कलर गैमट और HDR सपोर्ट करता है। एन्कोडिंग पुराने फ़ॉर्मेट से धीमी है, और कम क्वालिटी सेटिंग पर बहुत बारीक टेक्सचर धुंधले दिख सकते हैं। सभी प्रमुख ब्राउज़र अब AVIF दिखाते हैं, पर कई डेस्कटॉप ऐप, सोशल प्लेटफ़ॉर्म और पुराने डिवाइस इसे नहीं खोल पाते।
- कंप्रेशन
- लॉसी या लॉसलेस
- ट्रांसपेरेंसी (पारदर्शिता)
- हाँ
- एनिमेशन
- हाँ
- शुरुआत का वर्ष
- 2019 · Alliance for Open Media
GIF को AVIF तब बनाया जाता है जब साइट मालिक पेज का वज़न घटाना चाहता है: हीरो लूप, प्रोडक्ट डेमो और UI वॉकथ्रू इमेज टैग में अपने आप चलने का व्यवहार बनाए रखते हैं, जबकि बाइट तेज़ी से घटते हैं और 256 रंगों की बैंडिंग ख़त्म हो जाती है।
एनिमेटेड AVIF कब सही विकल्प है
AVIF इनके लिए अच्छा है
- अपनी वेबसाइट पर हीरो और फ़ीचर लूप
- ग्रेडिएंट और शैडो वाले प्रोडक्ट UI डेमो
- लोड टाइम और Core Web Vitals पर आँके जाने वाले पेज
- नरम पारदर्शी किनारों वाले एनिमेशन
GIF इनके लिए रखें
- ईमेल न्यूज़लेटर और सिग्नेचर
- सिर्फ़ GIF प्रीव्यू करने वाले फ़ोरम और चैट ऐप
- पुराने CMS इंस्टॉल पर अपलोड
- वे लोग जो बाद में फ़्रेम एडिट करेंगे
फ़ॉलबैक के साथ एनिमेटेड AVIF दिखाना
Chrome, Edge, Firefox और Safari के मौजूदा वर्ज़न सभी एनिमेटेड AVIF चलाते हैं; Firefox ने सबसे बाद में वर्ज़न 113 में एनिमेशन जोड़ा। इसे GIF को फ़ॉलबैक रखकर picture एलिमेंट में देने में कोई ख़र्च नहीं और पुराने ब्राउज़र सुरक्षित रहते हैं। AVIF एनकोड करना GIF लिखने से धीमा है, इसलिए लंबी क्लिप को बदलने में WebP की तुलना में साफ़ तौर पर ज़्यादा समय लगेगा।
अगर लूप आपकी साइट की जगह किसी चैट ऐप पर जा रहा है, तो वीडियो फ़ाइल ज़्यादा सुरक्षित है: GIF से MP4 हर जगह चलता है। AVIF, HEIC और WebP गाइड तीनों आधुनिक इमेज फ़ॉर्मेट की विस्तार से तुलना करती है।
GIF से AVIF: सवाल-जवाब
क्या एनिमेटेड AVIF भी GIF की तरह लूप में चलेगा?
हाँ। लूप विकल्प हमेशा के लिए लूप पर सेट है, और ब्राउज़र img टैग के अंदर AVIF इमेज सीक्वेंस को GIF की तरह ही दोहराते हैं, बिना कंट्रोल और बिना आवाज़ के। अगर इंट्रो एनिमेशन आख़िरी फ़्रेम पर रुकना चाहिए, तो एक बार चलाएँ चुनें।
मेरा AVIF सिर्फ़ पहला फ़्रेम क्यों दिखाता है?
व्यूअर सामान्य AVIF समझता है, लेकिन AVIF इमेज सीक्वेंस नहीं। पुराने इमेज व्यूअर और 2023 में आए वर्ज़न 113 से पहले के Firefox ऐसे ही काम करते हैं। एनिमेशन जाँचने के लिए फ़ाइल को मौजूदा Chrome, Edge, Firefox या Safari में खोलें।
क्या AVIF में मेरी GIF का ट्रांसपेरेंट बैकग्राउंड बना रहता है?
AVIF फ़ॉर्मेट पूरा अल्फ़ा चैनल सपोर्ट करता है, इसलिए GIF के चालू-या-बंद पिक्सल की तुलना में ट्रांसपेरेंसी कहीं बेहतर रखता है। प्रकाशित करने से पहले नतीजा रंगीन या चेकर बैकग्राउंड पर देखें, क्योंकि मूल GIF में पहले से मिला मैट रंग दिखता रहता है।
क्या मैं एनिमेटेड AVIF को WordPress पर अपलोड कर सकता हूँ?
2024 में आए WordPress 6.5 ने मीडिया लाइब्रेरी में AVIF जोड़ा, बशर्ते सर्वर की इमेज लाइब्रेरी इसे सपोर्ट करे। पुराने इंस्टॉल अपलोड अस्वीकार कर देते हैं; ऐसे में GIF रखें या GIF से WebP इस्तेमाल करें, जिसे WordPress 5.8 से स्वीकार करता है।
AVIF को GIF फ़ॉलबैक के साथ कैसे दिखाएँ?
दोनों को picture एलिमेंट में रखें: पहले type image/avif वाला source टैग जो AVIF की ओर इशारा करे, फिर GIF वाला img टैग। AVIF डिकोड करने वाले ब्राउज़र छोटी फ़ाइल लेते हैं, बाकी बिना टूटी इमेज के GIF पर लौट आते हैं।