AVIF क्या है? वह आधुनिक इमेज फ़ॉर्मैट जिसके बारे में आपको जानना चाहिए
AVIF असल में क्या है
AVIF का पूरा नाम AV1 इमेज फ़ाइल फ़ॉर्मैट है। यह स्टिल इमेजेज़ के लिए एक आधुनिक कंटेनर है, जिसे AV1 वीडियो कोडेक से लिया गया है। AV1 को Alliance for Open Media द्वारा विकसित किया गया है — जिसमें Google, Apple, Mozilla, Netflix और Amazon जैसी दिग्गज कंपनियाँ शामिल हैं। इसका पहला स्थिर संस्करण 2019 में आया था, और तब से ब्राउज़र सपोर्ट में लगातार वृद्धि हो रही है। AVIF को वास्तव में समझने के लिए, आपको इसके इतिहास को देखना होगा। इसके जनक, AV1 को एक रॉयल्टी-फ़्री वीडियो कोडेक के रूप में बनाया गया था ताकि पेटेंट-युक्त HEVC (H.265) को चुनौती दी जा सके, जो Apple की HEIF इमेजेज़ के पीछे की तकनीक है। चूँकि AV1 ओपन-सोर्स है और उपयोग करने के लिए मुफ़्त है, कोई भी डेवलपर इसे बिना लाइसेंस शुल्क चुकाए लागू कर सकता है। इसे अपनाने के लिए यह एक बहुत बड़ी बात है। यही कारण है कि Chrome, Firefox, और Edge सभी AVIF को मूल रूप से सपोर्ट करते हैं, जबकि वेब पर HEIF/HEIC सपोर्ट अभी भी एक गड़बड़झाला है। AVIF, AV1 के इंट्रा-फ़्रेम एन्कोडिंग टूल का उपयोग करके काम करता है, मूल रूप से एक तस्वीर को वीडियो के एक फ़्रेम के रूप में मानता है। यह कोई सस्ता शॉर्टकट नहीं है। यही चीज़ AVIF को उन्हीं परिष्कृत कंप्रेशन तकनीकों तक पहुँच देती है जो AV1 वीडियो को इतना कुशल बनाती हैं: 64×64 पिक्सल तक के विभिन्न ट्रांसफ़ॉर्म ब्लॉक आकार, फ़िल्म ग्रेन सिंथेसिस, लूप फ़िल्टर, और बहुत कुछ। इसका परिणाम एक ऐसा फ़ॉर्मैट है जो आज के सबसे कुशल इमेज फ़ॉर्मैट के खिताब के लिए JPEG XL और WebP 2 का मुकाबला करता है। सिर्फ़ कंप्रेशन से परे, AVIF एक सुविधा संपन्न फ़ॉर्मैट है। यह 8-बिट, 10-बिट, और यहाँ तक कि 12-बिट कलर डेप्थ का समर्थन करता है, साथ ही HDR और Rec. 2020 और Display P3 जैसे वाइड कलर गैमट का भी। यह अल्फ़ा ट्रांसपेरेंसी और छोटे एनिमेशन को भी संभालता है। यह लचीलापन इसे फ़ोटोग्राफ़िक और ग्राफ़िकल दोनों तरह की सामग्री पर अच्छा प्रदर्शन करने की अनुमति देता है, हालाँकि जैसा कि हम देखेंगे, इसकी अपनी विशिष्ट ताकत और कमज़ोरियाँ हैं।
JPEG, WebP, और PNG की तुलना में AVIF कंप्रेशन कैसा है
विशेषणों से बेहतर, संख्याएँ कहानी बताती हैं। 2021 की एक Netflix स्टडी — और उन्हें पता होना चाहिए, क्योंकि वे AV1 के एक प्राथमिक डेवलपर हैं — ने दिखाया कि AVIF फ़ाइलें समान दृश्य गुणवत्ता पर JPEG की तुलना में लगभग 50% छोटी थीं। Google का अपना WebP आमतौर पर JPEG पर 25-34% की बचत प्रदान करता है। यह कोई छोटा, वृद्धिशील सुधार नहीं है। यह दक्षता में एक पीढ़ीगत छलांग है। चलिए इसे और ठोस बनाते हैं। एक उच्च-गुणवत्ता वाली 180 KB की उत्पाद फ़ोटो जिसे JPEG (गुणवत्ता 85) के रूप में सहेजा गया है, WebP के रूप में लगभग 130 KB की होगी। एक स्थिर दर कारक (crf) 30 के साथ AVIF के रूप में, वही इमेज एक अच्छे मॉनिटर पर बिना किसी बोधगम्य गुणवत्ता हानि के केवल 90-100 KB की हो सकती है। यदि आप थंबनेल जैसी किसी चीज़ के लिए थोड़ी कम गुणवत्ता सहन कर सकते हैं, तो 40 का crf फ़ाइल आकार को 60 KB से नीचे धकेल सकता है। ग्राफ़िक्स के बारे में क्या? लोगो, चित्र और सपाट रंगों वाले UI स्क्रीनशॉट के लिए, PNG हमेशा से लॉसलेस का राजा रहा है। AVIF में एक लॉसलेस मोड है, लेकिन यह न मानें कि यह बेहतर है। मेरे अनुभव में, यह इस काम के लिए एक खराब विकल्प है। लॉसलेस AVIF फ़ाइलें अक्सर समकक्ष PNG से 10-20% बड़ी होती हैं। दूसरी ओर, WebP का लॉसलेस मोड लगातार PNG को लगभग 26% से बेहतर प्रदर्शन करता है और लॉसलेस AVIF से भी बेहतर है। निष्कर्ष स्पष्ट है: AVIF की असली ताकत फ़ोटो के लिए लॉसी कंप्रेशन में है, न कि लॉसलेस ग्राफ़िक्स में। अल्फ़ा ट्रांसपेरेंसी वह जगह है जहाँ AVIF वास्तव में चमकता है। JPEG बिल्कुल भी ट्रांसपेरेंसी नहीं कर सकता। WebP कर सकता है, लेकिन AVIF अक्सर इसे बेहतर और छोटे आकार में करता है। एक पारदर्शी पृष्ठभूमि वाली उत्पाद फ़ोटो — जो ई-कॉमर्स की सबसे आम ज़रूरत है — को एक AVIF के रूप में सहेजा जा सकता है जो अपने PNG समकक्ष से 60-70% छोटा हो, जबकि बाल या फ़र जैसे मुश्किल विवरणों के चारों ओर कुरकुरे, साफ़ किनारे बनाए रखता है।
2025 में ब्राउज़र और प्लेटफ़ॉर्म सपोर्ट
AVIF अब कोई प्रयोग नहीं रहा। 2025 के मध्य तक, caniuse.com के अनुसार, वैश्विक ब्राउज़र सपोर्ट 93% से अधिक है। Chrome अगस्त 2020 में संस्करण 85 से ही इसे सपोर्ट कर रहा है। Firefox अक्टूबर 2021 में संस्करण 93 के साथ शामिल हुआ। महत्वपूर्ण रूप से, macOS Ventura और iOS 16 और बाद के संस्करणों पर Safari, AVIF को डीकोड कर सकता है। Edge, क्रोमियम पर आधारित होने के कारण, 2020 के अंत से ही सपोर्ट कर रहा है। इसका आपके लिए क्या मतलब है: यदि आप अपनी वेबसाइट पर AVIF इमेजेज़ परोसते हैं, तो लगभग हर कोई उन्हें देख पाएगा। पुराने ब्राउज़रों पर शेष ~7% उपयोगकर्ताओं को बस एक फ़ॉलबैक की आवश्यकता है। इसका सुरुचिपूर्ण, मानक समाधान HTML `<picture>` तत्व है: <picture> <source srcset="image.avif" type="image/avif"> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Product photo"> </picture> यह सरल, तीन-स्तरीय फ़ॉलबैक हर उस ब्राउज़र को कवर करता है जो मायने रखता है। एक ब्राउज़र जो AVIF नहीं समझता है, वह WebP की कोशिश करेगा; यदि वह विफल रहता है, तो यह सार्वभौमिक JPEG पर वापस आ जाता है। यह बस काम करता है। किसी जावास्क्रिप्ट की आवश्यकता नहीं है। डेस्कटॉप पर, कहानी थोड़ी अधिक जटिल है, लेकिन ज़्यादातर सकारात्मक है। Windows 11 अपने Photos ऐप में Microsoft Store से AV1 वीडियो एक्सटेंशन की मुफ़्त स्थापना के बाद AVIF दिखा सकता है। macOS में macOS Monterey के बाद से Preview में नेटिव सपोर्ट है। Adobe Photoshop ने संस्करण 23.2 (फरवरी 2022) में AVIF सपोर्ट को एकीकृत किया, इसलिए आप उन्हें सीधे खोल और सहेज सकते हैं। GIMP में संस्करण 2.10.22 से सपोर्ट है। यहाँ तक कि Figma भी AVIF फ़ाइलें खोल सकता है, हालाँकि यह अभी तक उन्हें एक्सपोर्ट नहीं कर सकता है। स्वचालित वर्कफ़्लो बनाने वाले किसी भी व्यक्ति के लिए, सर्वर-साइड टूलिंग परिपक्व है। libavif (संदर्भ कार्यान्वयन), Node.js के लिए Sharp, Python 3.10+ के लिए Pillow, और ImageMagick 7.1+ जैसी प्रमुख लाइब्रेरीज़ सभी ठोस AVIF एन्कोडिंग और डीकोडिंग क्षमताएँ प्रदान करती हैं।
AVIF का उपयोग कब करें — और कब नहीं
तो आपको वास्तव में AVIF का उपयोग कहाँ करना चाहिए? प्राथमिक लक्ष्य वेब पर कोई भी फ़ोटोग्राफ़िक इमेज है जहाँ फ़ाइल का आकार प्रदर्शन को प्रभावित करता है। ई-कॉमर्स उत्पाद गैलरी, समाचार लेख की हीरो इमेज और पोर्टफ़ोलियो साइटों के बारे में सोचें। यदि आपकी वेबसाइट प्रतिदिन हज़ारों इमेजेज़ परोसती है, तो AVIF पर स्विच करने से आपकी CDN बैंडविड्थ लागत 30-50% तक कम हो सकती है। बड़े पैमाने पर यह असली पैसा है। HDR फ़ोटोग्राफ़ी एक और बेहतरीन उपयोग का मामला है। 10-बिट और 12-बिट रंग और Rec. 2020 जैसे वाइड गैमट के समर्थन के साथ, AVIF HDR सामग्री को पहले SDR में कुचलने के बिना प्रदर्शित कर सकता है। JPEG यह बिल्कुल नहीं कर सकता, और WebP 8-बिट पर अटका हुआ है। फ़ोटोग्राफ़रों या रियल एस्टेट साइटों के लिए जो HDR स्क्रीन वाले उपयोगकर्ताओं को उच्च-स्तरीय इमेजरी दिखा रहे हैं, AVIF एकमात्र व्यापक रूप से समर्थित वेब फ़ॉर्मैट है जो उस हार्डवेयर के साथ न्याय करता है। लेकिन यह कोई जादुई समाधान नहीं है। सबसे बड़ी कमी यह है कि AVIF एन्कोडिंग धीमी है। वास्तव में धीमी। एक उच्च-रिज़ॉल्यूशन फ़ोटो को उच्च-गुणवत्ता सेटिंग पर एन्कोड करने से आपके CPU का पंखा तेज़ी से घूमने लगता है और इसमें कई सेकंड लग सकते हैं, जबकि एक JPEG मिलीसेकंड में एन्कोड हो जाता है। यह विलंबता AVIF को उन अनुप्रयोगों के लिए एक खराब विकल्प बनाती है जिन्हें रीयल-टाइम इमेज जनरेशन की आवश्यकता होती है, जैसे एक फ़ोटो संपादक जो बार-बार सहेजता है। जबकि हार्डवेयर एन्कोडिंग समर्थन में सुधार हो रहा है, सॉफ़्टवेयर-ओनली एन्कोडिंग एक महत्वपूर्ण बाधा बनी हुई है। अन्य कार्यों के लिए, आपको काम के लिए सही टूल का उपयोग करना चाहिए। वेक्टर ग्राफ़िक्स और डायग्राम अभी भी SVG में ही होने चाहिए। कोड या UI टेक्स्ट के स्क्रीनशॉट के लिए जहाँ आपको पूर्ण पिक्सेल-परफेक्ट तीक्ष्णता की आवश्यकता होती है, PNG या लॉसलेस WebP का उपयोग करें। और प्रिंट से संबंधित किसी भी चीज़ के लिए, AVIF पूरी तरह से अप्रासंगिक है; TIFF और PDF अभी भी निर्विवाद मानक हैं। एनिमेशन के बारे में क्या? AVIF उनका समर्थन करता है (AVIS अनुक्रमों के रूप में), लेकिन एन्कोडिंग स्टिल की तुलना में और भी धीमी है, और ब्राउज़र समर्थन कम विश्वसनीय है। ईमानदारी से, आप एक एनिमेटेड WebP या, इससे भी बेहतर, एक छोटी MP4 या WebM वीडियो फ़ाइल का उपयोग करें जिसे ऑटोप्ले पर सेट किया गया हो।
इमेजेज़ को AVIF में कैसे बदलें
ठीक है, तो आप वास्तव में इन फ़ाइलों को कैसे बनाते हैं? आपकी ज़रूरतों के आधार पर आपके पास कुछ विकल्प हैं। डेवलपर्स और कमांड-लाइन प्रशंसकों के लिए, `avifenc` (libavif टूलकिट से) संदर्भ एनकोडर है। एक सामान्य कमांड हो सकता है: `avifenc --min 20 --max 40 --speed 6 input.jpg output.avif`। `--min` और `--max` फ़्लैग गुणवत्ता सीमा निर्धारित करते हैं (कम बेहतर है, 0-63 के पैमाने पर), और `--speed` एन्कोडिंग समय और फ़ाइल आकार के बीच ट्रेड-ऑफ़ को नियंत्रित करता है (0 सबसे धीमा और सबसे कुशल है, 10 सबसे तेज़ है)। बैच प्रोसेसिंग के लिए 6 की गति एक बढ़िया शुरुआती बिंदु है। यदि आप देखना चाहते हैं कि आप क्या कर रहे हैं, तो Google का Squoosh (squoosh.app) एक अद्भुत ब्राउज़र-आधारित टूल है। यह आपको एक विज़ुअल क्वालिटी स्लाइडर और एक तत्काल साइड-बाय-साइड तुलना के साथ AVIF सेटिंग्स को बदलने की सुविधा देता है। यह एक-एक करके रूपांतरणों के लिए और यह महसूस करने के लिए एकदम सही है कि गुणवत्ता सेटिंग्स आपकी विशिष्ट इमेजेज़ को कैसे प्रभावित करती हैं। कमांड लाइन को छुए बिना थोक रूपांतरणों के लिए, CocoConvert JPEG, PNG, WebP, और HEIC जैसे स्रोतों के लिए AVIF को आउटपुट फ़ॉर्मैट के रूप में प्रदान करता है। आप बस अपनी फ़ाइलें अपलोड करें, AVIF चुनें, और परिणाम डाउनलोड करें। एनकोडर को वेब उपयोग के लिए आकार और गुणवत्ता के बीच एक अच्छा संतुलन बनाने के लिए पूर्व-कॉन्फ़िगर किया गया है। एक ईमानदार चेतावनी: CocoConvert स्थिर दर कारक (crf) या क्रोमा सबसैंपलिंग के लिए मैन्युअल नियंत्रण प्रदान नहीं करता है। यदि आपको उस स्तर के सूक्ष्म नियंत्रण की आवश्यकता है — मान लीजिए, एक पेशेवर फ़ोटो के लिए 4:4:4 रंग की गारंटी के लिए — तो एक कमांड-लाइन टूल या Photoshop का एक्सपोर्ट डायलॉग आपको वह सटीकता देगा। Photoshop (CC 2022 और बाद के संस्करण) में, बस File > Export > Export As पर जाएँ और फ़ॉर्मैट सूची से AVIF चुनें। हालाँकि, Lightroom Classic अभी भी AVIF को मूल रूप से निर्यात नहीं करता है, जिसके लिए इस अंतर को पाटने के लिए तीसरे पक्ष के प्लगइन्स की आवश्यकता होती है।
AVIF बनाम JPEG XL: दूसरा दावेदार
AVIF की किसी भी ईमानदार चर्चा में इसके मुख्य प्रतिद्वंद्वी को स्वीकार करना होगा: JPEG XL (JXL)। यह एक शानदार फ़ॉर्मैट है जो कुछ ऐसी चीजें प्रदान करता है जो AVIF नहीं कर सकता, जैसे कि सच्चा लॉसलेस JPEG रीकंप्रेशन (आप एक JPEG को JXL में और वापस बिना किसी गुणवत्ता हानि के बदल सकते हैं) और तुलनीय गुणवत्ता स्तरों पर तेज़ एन्कोडिंग गति। यह अक्सर उन इमेजेज़ के साथ बेहतर काम करता है जिनमें तेज रेखाएँ और टेक्स्ट होते हैं। आमने-सामने के कंप्रेशन मुकाबलों में, कोई भी फ़ॉर्मैट हर मामले में स्पष्ट विजेता नहीं है। AVIF अक्सर बहुत कम बिटरेट पर विस्तृत फ़ोटो के लिए आगे निकल जाता है, जबकि JPEG XL ग्राफ़िक्स, टेक्स्ट-भारी इमेजेज़ और किसी भी वर्कफ़्लो के लिए बेहतर होता है जहाँ एन्कोडिंग गति एक कारक है। लेकिन तकनीकी विशेषताएँ पूरी कहानी नहीं बताती हैं। महत्वपूर्ण अंतर ब्राउज़र समर्थन का है। 2023 में, Chrome के डेवलपर्स ने पारिस्थितिकी तंत्र की रुचि की कमी का हवाला देते हुए प्रायोगिक JPEG XL समर्थन को हटा दिया, और उस फ़ैसले ने बाज़ार को प्रभावी रूप से रोक दिया। 2025 के मध्य तक, केवल Safari (17+) ही JXL को मूल रूप से सपोर्ट करता है, जबकि Firefox में सपोर्ट एक फ़्लैग के पीछे छिपा है। इसका मतलब है कि आप आज वेब पर बिना जावास्क्रिप्ट पॉलीफ़िल के JXL को मज़बूती से परोस नहीं सकते। वेब डेवलपर्स के लिए, यह कम से कम अभी के लिए, हमारे लिए निर्णय लेता है। AVIF, अपने 93%+ नेटिव सपोर्ट के साथ, आधुनिक इमेज परिनियोजन के लिए एकमात्र व्यावहारिक विकल्प है। यह स्थिति बदल सकती है। JPEG XL समुदाय भावुक और सक्रिय है, और ब्राउज़र विक्रेता पुनर्विचार कर सकते हैं। लेकिन अभी वेबसाइट बनाने वाले किसी भी व्यक्ति के लिए, AVIF के पास वास्तव में वहाँ समर्थित होने का विशाल, निर्विवाद लाभ है जहाँ यह मायने रखता है।
क्या आपको अपनी मौजूदा इमेजेज़ को AVIF में माइग्रेट करना चाहिए?
तो, क्या आपको अपनी पूरी इमेज लाइब्रेरी को बदलना चाहिए? अच्छी खबर यह है कि माइग्रेशन को सब कुछ एक साथ करने वाली मुश्किल प्रक्रिया होने की ज़रूरत नहीं है। ज़्यादातर के लिए सबसे अच्छी रणनीति यह है कि आप अपने मौजूदा JPEGs और PNGs के साथ बस AVIF संस्करण जोड़ दें, और ब्राउज़रों को सबसे अच्छा फ़ॉर्मैट चुनने देने के लिए `<picture>` तत्व का उपयोग करें। इसका मतलब है कि आपको अपनी पुरानी फ़ाइलें हटाने की ज़रूरत नहीं है; आप बस उन्हें बढ़ाते हैं। एक बड़ी लाइब्रेरी वाली साइट के लिए, बैच रूपांतरण ही एकमात्र समझदारी भरा रास्ता है। Node.js के लिए Sharp या शेल लूप में ImageMagick जैसे टूल का उपयोग करके एक स्क्रिप्ट सेट करें, या Vite या webpack के लिए बिल्ड-स्टेप प्लगइन का उपयोग करें। इसे रात भर चलने दें। धीमी एन्कोडिंग एक बार की लागत है, लेकिन बैंडविड्थ की बचत हर एक पेज लोड पर लाभांश देती है। आगे आने वाली सभी नई इमेजेज़ के लिए, वर्कफ़्लो और भी सरल है। वेब डिलीवरी के लिए AVIF संस्करण को एन्कोड करना एक मानक अभ्यास बनाएँ। अपनी मूल उच्च-रिज़ॉल्यूशन स्रोत फ़ाइल रखें — चाहे वह RAW हो, TIFF हो, या उच्च-गुणवत्ता वाला JPEG हो — और अपनी प्रकाशन प्रक्रिया के हिस्से के रूप में वेब-अनुकूलित AVIF उत्पन्न करें। स्टोरेज के बारे में क्या? हाँ, प्रत्येक इमेज के कई संस्करण रखने से आपका स्टोरेज फ़ुटप्रिंट अस्थायी रूप से बढ़ जाएगा। AVIF फ़ाइलें छोटी होती हैं, लेकिन आप उन्हें अपनी मौजूदा लाइब्रेरी में जोड़ रहे हैं। हालाँकि, अधिकांश वेबसाइटों के लिए, CDN निकास बैंडविड्थ पर महत्वपूर्ण बचत मूल स्टोरेज लागत में मामूली वृद्धि से आसानी से अधिक हो जाएगी। एक अंतिम चेतावनी: अभिलेखीय (archival)। जिसने भी कभी 15 साल पुराने मालिकाना फ़ाइल फ़ॉर्मैट को खोलने की कोशिश की है, वह बिट रॉट और अप्रचलन का दर्द जानता है। AVIF अभी भी नया है। JPEG 30 साल से अधिक पुराना है और ऐसे सॉफ़्टवेयर द्वारा पढ़ा जा सकेगा जिसका अभी तक आविष्कार भी नहीं हुआ है। अपनी सबसे महत्वपूर्ण इमेजेज़ के दीर्घकालिक, स्थायी संग्रह के लिए, रूढ़िवादी विकल्प ही सही है। उच्च-गुणवत्ता वाले JPEG या TIFF के साथ रहें। डिलीवरी के लिए AVIF का उपयोग करें, लेकिन अपने मूल को हमेशा एक ऐसे फ़ॉर्मैट में रखें जिसका एक सिद्ध ट्रैक रिकॉर्ड हो।