बड़ी इमेज पेज के धीमे खुलने की सबसे आम वजह हैं। इन स्टेप्स से बिना दिखने वाले नुकसान के इमेज का आकार घटाएँ।
वेब पेज का सबसे भारी हिस्सा आम तौर पर इमेज ही होती हैं। फ़ोन कैमरे से सीधी आई एक फ़ोटो 3–5 MB की हो सकती है, जो एक अच्छे बने पूरे पेज से भी ज़्यादा है। अच्छी बात यह है कि इसका ज़्यादातर आकार बिना किसी को पता चले हटाया जा सकता है।
1. कंप्रेस करने से पहले रीसाइज़ करें
अगर आपका पेज 1200 पिक्सेल चौड़ी इमेज दिखाता है, तो 4000 पिक्सेल की मूल फ़ाइल देने का कोई फ़ायदा नहीं। उसे दिखने वाले सबसे बड़े आकार तक, या तेज़ स्क्रीन के लिए उसके दोगुने तक घटाएँ। सिर्फ़ रीसाइज़ करने से अक्सर फ़ाइल का 80% या उससे ज़्यादा आकार घट जाता है। हमारा इमेज रीसाइज़र यह कुछ ही क्लिक में करता है।
2. सही फ़ॉर्मेट चुनें
फ़ोटो के लिए WebP या JPG और पारदर्शिता वाले ग्राफ़िक्स के लिए PNG या WebP इस्तेमाल करें। फ़ोटो को PNG में सेव करने से वह ज़रूरत से बहुत बड़ी हो जाती है।
3. क्वालिटी थोड़ी घटाएँ
फ़ोटो के लिए 70% से 85% की क्वालिटी सामान्य आकार में आम तौर पर मूल जैसी ही दिखती है। थंबनेल और बैकग्राउंड के लिए और कम रखें। प्रकाशित करने से पहले नतीजे की तुलना ज़रूर करें।
4. नतीजा जाँचें
बारीक विवरण, टेक्स्ट या हल्के रंग बदलाव वाले हिस्सों को ध्यान से देखें। अगर चौकोर धब्बे या पट्टियाँ दिखें, तो क्वालिटी थोड़ी बढ़ाएँ। हमारा इमेज कंप्रेसर मूल और नया आकार साथ-साथ दिखाता है ताकि आप सही संतुलन पा सकें।
5. ब्राउज़र की मदद लें
widthऔरheightएट्रिब्यूट जोड़ें ताकि इमेज लोड होते समय पेज न उछले।- पेज में नीचे वाली इमेज में
loading="lazy"जोड़ें। srcsetसे कई आकार दें ताकि फ़ोन छोटी फ़ाइलें डाउनलोड करें।
ये स्टेप्स मिलकर ज़्यादा इमेज वाले पेजों को कई गुना तेज़ खोल सकते हैं, जो विज़िटर और सर्च इंजन दोनों को दिखता है।