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

Lighthouse रिपोर्ट के 'मौके' सेक्शन में, ऑप्टिमाइज़ न की गई सभी इमेज की सूची दी गई होती है. साथ ही, किबीबाइट (KiB) में संभावित बचत की जानकारी भी दी गई होती है. इन इमेज को ऑप्टिमाइज़ करें, ताकि पेज तेज़ी से लोड हो और कम डेटा इस्तेमाल हो:

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

Lighthouse, इमेज को ऑप्टिमाइज़ करने लायक के तौर पर कैसे फ़्लैग करता है

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

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

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

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

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

Squoosh भी एक विकल्प है. Squoosh को Google Web DevRel टीम मैनेज करती है.

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

Drupal

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

Joomla

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

Magento

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

WordPress

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

संसाधन