UltKit
इमेज11
PDF13
डॉक्यूमेंट और डेटा7
वीडियो6
ऑडियो4
और टूल्स22

GIF को AVIF में बदलें

एनिमेटेड AVIF इमेज टैग में GIF की तरह ही चलता है, लेकिन यह AV1 वीडियो कोडेक से कंप्रेस होता है, इसलिए वेब पेज पर वही लूप बहुत कम बाइट्स में आ जाता है।

वीडियो कन्वर्टर

या MP4, MOV, MKV … फ़ाइलें यहाँ ड्रop करें ·

प्रति फ़ाइल अधिकतम 95 MB· अधिकतम 20 फ़ाइलें· 30 मिनट बाद हटा दी जाती हैं

आउटपुट

फ़ाइलें हमारे सर्वर पर प्रोसेस होती हैं और 30 मिनट बाद हटा दी जाती हैं।

इस टूल का उपयोग कैसे करें

  1. 1

    अपनी GIF फ़ाइलें जोड़ें

    20 तक एनिमेटेड GIF अपलोड करें, हर फ़ाइल 95 MB तक। छोटी MP4 या WebM क्लिप भी सीधे एनिमेटेड AVIF में बदली जा सकती हैं।

  2. 2

    चौड़ाई सेट करें

    एनिमेटेड आउटपुट 480 px की चौड़ाई से शुरू होता है। अगर आप GIF को बिना स्केल किए चाहते हैं, तो एडवांस्ड सेटिंग में GIF की अपनी चौड़ाई डालें; लूप हमेशा के लिए लूप पर रहता है।

  3. 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: noGIF to हर इमेज व्यूअर में खुलता है: yes
एनिमेटेड AVIFएनिमेटेड AVIF to हर फ़्रेम में 256 से ज़्यादा रंग: yesएनिमेटेड AVIF to चिकने अल्फ़ा किनारे: yesएनिमेटेड AVIF to मोशन से अनुमानित फ़्रेम: yesएनिमेटेड AVIF to 10-bit color: yes– एनिमेटेड AVIF to हर इमेज व्यूअर में खुलता है: no
supported not offeredफ़ॉर्मेट की क्षमताएँ स्पेसिफ़िकेशन के अनुसार। डेस्कटॉप इमेज व्यूअर और चैट ऐप में एनिमेटेड AVIF का सपोर्ट अभी असमान है।

GIF

ग्राफ़िक्स इंटरचेंज फ़ॉर्मेट

GIF को CompuServe ने 1987 में पेश किया था और छोटे, लूप होने वाले एनिमेशन के लिए यह आज भी सबसे व्यापक रूप से सपोर्टेड फ़ॉर्मेट है। यह लॉसलेस है, पर हर फ़्रेम में केवल 256 रंगों के पैलेट तक सीमित है, इसलिए फ़ोटो और ग्रेडिएंट में बैंडिंग और डिदरिंग दिखती है। यह सिर्फ़ चालू/बंद (1-बिट) पारदर्शिता सपोर्ट करता है, जिससे घुमावदार आकृतियों के किनारे दाँतेदार दिखते हैं। एनिमेटेड GIF अक्सर उसी क्लिप के MP4 या WebP से कहीं बड़े होते हैं। हर ब्राउज़र, चैट ऐप और सोशल प्लेटफ़ॉर्म GIF चलाता है।

कंप्रेशन
लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता)
हाँ
एनिमेशन
हाँ
शुरुआत का वर्ष
1987 · CompuServe
GIF कन्वर्टर

AVIF

AV1 इमेज फ़ाइल फ़ॉर्मेट

AVIF स्थिर इमेज और इमेज सीक्वेंस को AV1 वीडियो कोडेक से कंप्रेस करके रखता है, और इसे Alliance for Open Media ने 2019 में अंतिम रूप दिया। समान विज़ुअल क्वालिटी पर यह आम तौर पर JPEG और WebP दोनों से छोटी फ़ाइलें बनाता है, और पारदर्शिता, एनिमेशन, वाइड कलर गैमट और HDR सपोर्ट करता है। एन्कोडिंग पुराने फ़ॉर्मेट से धीमी है, और कम क्वालिटी सेटिंग पर बहुत बारीक टेक्सचर धुंधले दिख सकते हैं। सभी प्रमुख ब्राउज़र अब AVIF दिखाते हैं, पर कई डेस्कटॉप ऐप, सोशल प्लेटफ़ॉर्म और पुराने डिवाइस इसे नहीं खोल पाते।

कंप्रेशन
लॉसी या लॉसलेस
ट्रांसपेरेंसी (पारदर्शिता)
हाँ
एनिमेशन
हाँ
शुरुआत का वर्ष
2019 · Alliance for Open Media
AVIF कन्वर्टर

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 पर लौट आते हैं।