इमेज को बेहतर ढंग से एन्कोड करें

आपकी लाइटहाउस रिपोर्ट के ऑपर्च्यूनिटी सेक्शन में, ऑप्टिमाइज़ नहीं की गई सभी इमेज की सूची होती है. इससे किबीबाइट (केआईबी) में बचत हो सकती है. इन इमेज को ऑप्टिमाइज़ करें, ताकि पेज तेज़ी से लोड हो और कम डेटा खर्च करे:

Lighthouse की मदद से, इमेज ऑडिट को बेहतर तरीके से कोड में बदलने का स्क्रीनशॉट

लाइटहाउस, इमेज को ऑप्टिमाइज़ करने की सुविधा के तौर पर कैसे फ़्लैग करता है

Lighthouse, पेज पर मौजूद सभी JPEG या BMP इमेज इकट्ठा करता है. इसके बाद, हर इमेज के कंप्रेशन लेवल को 85 पर सेट करता है और फिर मूल वर्शन की तुलना, कंप्रेस किए गए वर्शन से करता है. अगर संभावित बचत 4KiB या उससे ज़्यादा है, तो Lighthouse इमेज को ऑप्टिमाइज़ करने लायक के तौर पर फ़्लैग करता है.

इमेज को ऑप्टिमाइज़ करने का तरीका

अपनी इमेज को ऑप्टिमाइज़ करने के लिए, कई तरीके अपनाए जा सकते हैं. इनमें ये शामिल हैं:

GUI टूल का इस्तेमाल करके इमेज ऑप्टिमाइज़ करें

दूसरा तरीक़ा है, अपनी इमेज को किसी ऐसे ऑप्टिमाइज़र से चलाना है जिसे आपने कंप्यूटर पर इंस्टॉल करके जीयूआई के तौर पर चलाया हो. उदाहरण के लिए, ImageOptim की मदद से, इमेज को उसके यूज़र इंटरफ़ेस (यूआई) में खींचें और छोड़ें. इसके बाद, इमेज की क्वालिटी से समझौता किए बिना, इमेज अपने-आप कंप्रेस हो जाती हैं. अगर आपकी साइट छोटी है और सभी इमेज को मैन्युअल तरीके से ऑप्टिमाइज़ किया जा सकता है, तो शायद यह विकल्प अच्छा रहेगा.

Squoosh दूसरा विकल्प है. Squoosh का रखरखाव Google Web DevRel टीम करता है.

स्टैक के हिसाब से सलाह

Drupal

ऐसे मॉड्यूल का इस्तेमाल करें जो क्वालिटी को बनाए रखते हुए, साइट पर अपलोड होने वाली इमेज के साइज़ को अपने-आप ऑप्टिमाइज़ और कम करता है. साथ ही, पक्का करें कि साइट पर रेंडर की गई सभी इमेज के लिए, आप Drupal के पहले से मौजूद रिस्पॉन्सिव इमेज स्टाइल (Drupal 8 और इसके बाद के वर्शन में उपलब्ध) का इस्तेमाल कर रहे हैं.

जूमला

ऐसे इमेज ऑप्टिमाइज़ेशन प्लगिन का इस्तेमाल करें जो क्वालिटी बनाए रखते हुए आपकी इमेज कंप्रेस करता हो.

Magento

तीसरे पक्ष के किसी ऐसे Magento एक्सटेंशन का इस्तेमाल करें जो इमेज ऑप्टिमाइज़ करता हो.

WordPress

ऐसे इमेज ऑप्टिमाइज़ेशन WordPress प्लगिन का इस्तेमाल करें जो क्वालिटी बनाए रखते हुए आपकी इमेज कंप्रेस करता है.

रिसॉर्स