आपकी लाइटहाउस रिपोर्ट के ऑपर्च्यूनिटी सेक्शन में, पुराने इमेज फ़ॉर्मैट में मौजूद सभी इमेज की सूची है. इसमें दिखाया गया है कि इन इमेज के AVIF वर्शन दिखाने से कितनी बचत हो सकती है:
![मॉडर्न फ़ॉर्मैट के ऑडिट में लाइटहाउस सर्व की इमेज का स्क्रीनशॉट](https://developer.chrome.com/static/docs/lighthouse/performance/uses-webp-images/image/a-screenshot-the-lightho-f5772f34fea23.png?authuser=6&hl=hi)
AVIF या WebP फ़ॉर्मैट में इमेज दिखाना क्यों ज़रूरी है?
AVIF और WebP ऐसे इमेज फ़ॉर्मैट हैं जिनमें कंप्रेस और क्वालिटी की विशेषताएं, JPEG और PNG फ़ॉर्मैट वाले पुराने वर्शन से बेहतर होती हैं. अपनी इमेज को JPEG या PNG के बजाय इन फ़ॉर्मैट में कोड में बदलने का मतलब है कि वे तेज़ी से लोड होंगी और मोबाइल डेटा की खपत कम करेंगी.
AVIF, Chrome, Firefox, और Opera में काम करता है और समान क्वालिटी सेटिंग वाले अन्य फ़ॉर्मैट की तुलना में कम साइज़ की फ़ाइल देता है. AVIF पर ज़्यादा जानकारी के लिए, AVIF इमेज कोडलैब दिखाना देखें.
WebP, Chrome, Firefox, Safari, Edge, और Opera के सबसे नए वर्शन पर काम करता है. साथ ही, यह वेब पर इमेज को नुकसान पहुंचाने वाला और नुकसान पहुंचाने वाला कंप्रेस करने की सुविधा देता है. WebP के बारे में ज़्यादा जानकारी के लिए, वेब के लिए एक नया इमेज फ़ॉर्मैट देखें.
लाइटहाउस संभावित बचत का हिसाब कैसे लगाता है
लाइटहाउस, पेज पर मौजूद सभी BMP, JPEG, और PNG इमेज इकट्ठा करके, हर एक को WebP में बदल देता है. साथ ही, कन्वर्ज़न के आंकड़ों के आधार पर, संभावित बचत के बारे में AVIF फ़ाइल के साइज़ का अनुमान लगाता है.
वेबसाइट का अलग-अलग ब्राउज़र पर चलना
WebP, Chrome, Firefox, Safari, Edge, और Opera के नए वर्शन पर काम करता है. हालांकि, AVIF के साथ काम करने की सुविधा बहुत सीमित है. पुराने ब्राउज़र के साथ काम करने के लिए आपको फ़ॉलबैक PNG या JPEG इमेज देनी होगी. फ़ॉलबैक तकनीकों के बारे में खास जानकारी पाने और ब्राउज़र में इमेज फ़ॉर्मैट के साथ काम करने के बारे में नीचे दी गई सूची के लिए, मैं WebP के लिए ब्राउज़र पर काम करने की सुविधा का पता कैसे लगाऊं? देखें.
हर मॉडर्न फ़ॉर्मैट के लिए, मौजूदा ब्राउज़र सहायता देखने के लिए नीचे दी गई एंट्री देखें:
स्टैक के हिसाब से सलाह
एएमपी
दूसरे ब्राउज़र के लिए सही फ़ॉलबैक तय करते हुए, सभी amp-img
कॉम्पोनेंट को WebP फ़ॉर्मैट में दिखाएं.
Drupal
अपनी साइट में WebP इमेज फ़ॉर्मैट का फ़ायदा पाने के लिए किसी मॉड्यूल को इंस्टॉल और कॉन्फ़िगर करें. ऐसे मॉड्यूल, आपकी अपलोड की गई इमेज का WebP वर्शन अपने-आप जनरेट कर देते हैं, ताकि कॉन्टेंट लोड होने में लगने वाले समय को ऑप्टिमाइज़ किया जा सके.
जूमला
ऐसे plugin या सेवा का इस्तेमाल करें जो आपकी अपलोड की गई इमेज को अपने-आप सबसे सही फ़ॉर्मैट में बदल दे.
Magento
नए इमेज फ़ॉर्मैट का फ़ायदा पाने के लिए, तीसरे पक्ष के कई तरह के एक्सटेंशन Magento मार्केटप्लेस में खोजें.
iPhone
ध्यान दें कि iOS 16 से नीचे के iPhone पर webp, avif इमेज, और webm वीडियो काम नहीं करेंगे.
WordPress
ऐसे plugin या सेवा का इस्तेमाल करें जो आपकी अपलोड की गई इमेज को अपने-आप सबसे सही फ़ॉर्मैट में बदल दे.