फोटो पर AVIF, WebP से क्यों जीतती है
WebP पर AVIF की कम्प्रेशन बढ़त नीचे के कोडेक से आती है। WebP, इंट्रा-फ्रेम इंजन इस्तेमाल करती है, जो वीडियो के लिए बना था पर 2010 से स्टिल के लिए इस्तेमाल होता है। एक आधुनिक प्रारूप, AVIF के पीछे का कोडेक, और की सीमाओं पर सीधे केंद्रित सालों के शोध के बाद 2018 में आया। एक आधुनिक प्रारूप ज्यादा आक्रामक, 4 बाय 4 पिक्सल तक की बारीक, और एक ज्यादा असरदार लगाती है। व्यावहारिक नतीजा, बड़े फोटो टेस्ट सेट पर विश्लेषण से पुष्ट, यह है कि फोटो पर समान देखने वाली quality पर AVIF आमतौर पर WebP से 20 से 30 प्रतिशत छोटी होती है। सपाट रंग और तीखे किनारों वाले कंप्यूटर-जनित ग्राफिक्स पर अंतर घटता है, क्योंकि WebP का सरल एल्गोरिदम उन पैटर्नों को कुशलता से संभालता है। जिस भी पेज के सबसे भारी एसेट फोटो हों, वहां AVIF अपग्रेड का मापने लायक बैंडविड्थ असर है।
व्यवहार में दूसरा गुणवत्ता हानि वाला पास
जब आप WebP को AVIF में बदलते हैं, स्रोत और आउटपुट दोनों गुणवत्ता हानि वाला हैं। WebP को पहली बार बनाते समय WebP ने पहले ही तय कर लिया था कि कौन सी कलर जानकारी छोड़नी है, और वे फैसले स्थायी हैं, AVIF में बदलना उनमें से कुछ भी वापस नहीं ला सकता। फिर AVIF को मिले पिक्सल डेटा पर quality 85 पर अपने फैसले लेने होते हैं। फोटो पर दो गुणवत्ता हानि वाला पास का संयुक्त असर आम डिस्प्ले साइज पर अब भी देखने में लगभग गुणवत्ता हानि रहित रहता है, असली फोटो सामग्री पर करीब। अपनी WebP सेविंग से पहले ही घटी हुई ग्राफिक्स पर दूसरा पास दिखने वाले artifacts को और बढ़ा सकता है। व्यावहारिक नियम, अगर स्रोत WebP जिस साइज पर दिखाना है उस पर साफ दिखती है, तो AVIF भी साफ दिखेगी। अगर WebP पहले से कम्प्रेशन नॉइज़ दिखाती है, तो भेजने से पहले AVIF को ध्यान से जांचें।
पारदर्शिता परत कैसे पार होता है
WebP और AVIF दोनों transparency को कलर डेटा के साथ एक अलग alpha plane में रखते हैं। कन्वर्ज़न WebP का पारदर्शिता परत पढ़ता है, उसे पूरी transparency पर जोड़ता है, फिर AVIF को सौंपता है, जो एक आधुनिक प्रारूप इंट्रा-फ्रेम coding से quality 85 पर अपना alpha ट्रैक लिखती है। नरम transparency gradient, मुलायम किनारे, और आधे transparent हिस्से सभी इस सफर को पार कर जाते हैं। AVIF का alpha plane खुद quality 85 पर गुणवत्ता हानि वाला है, जो बहुत ज्यादा ज़ूम पर तीखे किनारों पर मुश्किल से दिखने वाली फ्रिंजिंग ला सकती है। वेब पर आम देखने वाले साइज पर स्रोत से अंतर नहीं दिखता। छोटे आइकन पर पिक्सल-परफेक्ट काम के लिए जहां alpha किनारा सटीक होना चाहिए, WebP स्रोत रखें और भेजने से पहले आउटपुट को पूरे ज़ूम पर जांचें।
ब्राउज़रों और डिवाइसों पर सेविंग का समय
AVIF की तैयारी हर ब्राउज़र सेशन में एक बार होती है, पहले कन्वर्ज़न में करीब एक सेकंड जोड़ते हुए। उसके बाद Chromium सबसे अच्छी थ्रूपुट देती है, 0.12 मेगापिक्सल थंबनेल के लिए करीब 40 मिलीसेकंड, 1 मेगापिक्सल फोटो के लिए 250 मिलीसेकंड, 4K फोटो के लिए 2.8 सेकंड, और सबसे बुरी स्थिति में पूरे 48 मेगापिक्सल इमेज के लिए 25 सेकंड। Firefox उल्लेखनीय अपवाद है, उसी तैयारी को करीब चार गुना धीमा चलाते हुए, जो 4K केस को करीब 31 सेकंड और बड़ी फाइलों को दो मिनट के पार ले जाता है। WebKit दोनों के बीच बैठती है, Chromium के करीब। मोबाइल हार्डवेयर हर इंजन पर डेस्कटॉप से 3 से 5 गुना धीमा चलता है। रोज़मर्रा की फाइल-दर-फाइल कन्वर्ज़न के लिए, लैपटॉप या डेस्कटॉप पर Chrome व्यावहारिक औज़ार है। बड़ी इमेज वाले Firefox यूज़र के लिए साफ सलाह है कि ब्राउज़र बदलें या WebP रखें।
Core Web Vitals और AVIF अपग्रेड
फोटो देने वाले पेज हर लोड होने वाली इमेज के लिए बैंडविड्थ की कीमत चुकाते हैं। अगर वे इमेज इस समय WebP हैं, तो उन्हें AVIF में बदलना फोटो पर प्रति-इमेज ट्रांसफर को करीब 20 से 30 प्रतिशत घटाता है। WebP हीरो इमेज वाले पेज पर AVIF उसे करीब 140 से तक लाती है। बारह WebP थंबनेल वाले प्रोडक्ट ग्रिड पर AVIF कुल पेज वजन में करीब 70 से बचाती है। जब LCP एलिमेंट कोई इमेज हो, ये बचत सीधे Largest Contentful Paint को प्रभावित करती हैं। AVIF के लिए करीब 94 प्रतिशत वैश्विक ब्राउज़र सपोर्ट पर, WebP fallback के साथ पहले AVIF देने वाला picture एलिमेंट लगभग सारे ट्रैफिक को कवर करता है। markup की कीमत हर इमेज कंपोनेंट पर एक बार चुकती है, और बैंडविड्थ की बचत उसके बाद हर पेज लोड पर दोहराई जाती है।
AVIF कन्वर्ज़न सर्वर पर क्यों टिकता है
AVIF, एक आधुनिक प्रारूप कोडेक पर बना है, वही परिवार जो आधुनिक वीडियो इस्तेमाल करता है, और छोटी फाइलों के बदले इसे जानबूझकर बनाने में भारी रखा गया है। यह काम अच्छे से करना, खासकर बड़ी फोटो पर, फोन के ब्राउज़र की तुलना में असली सर्वर पर कहीं तेज़ और भरोसेमंद है, इसलिए यह जोड़ी सबसे अच्छा संभव AVIF बनाने के लिए इमेज हमारे सर्वर पर भेजती है। फाइल प्रोसेस होती है और नतीजा आपको लौटता है, और डाउनलोड लगभग 2 घंटे में हटा दिया जाता है, बिना खाते और बिना लंबे भंडारण के। एक साथ कई इमेज बदलना हमेशा सर्वर पर चलता है, जो तैयार सेट को एक डाउनलोड में जोड़ता है, उसी छोटी अवधि में मिटा देता है। अगर हमारे सर्वर तक न पहुँचा जा सके, तो एक कन्वर्ज़न इसके बजाय ब्राउज़र में बनता है, वह फाइल स्थानीय रहती है, सुविधा के लिए धीमी बनावट को स्वीकार करते हुए। सौदा साफ है: सर्वर उस फॉर्मेट पर क्वालिटी और रफ्तार खरीदता है जिसे इसकी सबसे ज़्यादा ज़रूरत है, और आपकी फाइल कभी भी कन्वर्ज़न की छोटी खिड़की से आगे नहीं रखी जाती।