ज़्यादातर वेबसाइटों पर इमेज ही पेज की सबसे भारी चीज़ होती हैं, अक्सर HTML, CSS और JavaScript को मिलाकर भी उनसे भारी। अगर कोई पेज धीमा लगता है, तो सबसे पहले इमेज पर नज़र डालनी चाहिए, और सुधार आमतौर पर जल्दी हो जाते हैं।
तीन तरीके लगभग सारा काम कर देते हैं: इमेज को उतने साइज़ में रीसाइज़ करें जितनी वो असल में दिखती है, उसे कंप्रेस करें, और उसे आधुनिक फ़ॉर्मैट में परोसें। तीनों साथ लगाने पर आमतौर पर इमेज का वज़न 70% या उससे ज़्यादा घट जाता है।
जितनी दिखती है उतने साइज़ में रीसाइज़ करें
यह सबसे आम और सबसे बर्बादी वाली गलती है। कैमरे से सीधे निकली फ़ोटो शायद 6000 पिक्सल चौड़ी हो, पर आपका लेख उसे 800 पिक्सल चौड़े कॉलम में दिखाता है। ब्राउज़र पूरे छह हज़ार पिक्सल डाउनलोड करता है और फिर उसे फ़िट करने के लिए सिकोड़ते वक़्त ज़्यादातर पिक्सल फेंक देता है।
800-पिक्सल की जगह में 6000-पिक्सल की इमेज परोसने का मतलब है ज़रूरत से पांच से दस गुना ज़्यादा डेटा डाउनलोड करना। समाधान सरल है: फ़ाइल को लगभग उसी चौड़ाई तक रीसाइज़ करें जितनी जगह वो घेरेगी, साथ में हाई-डेंसिटी स्क्रीन के लिए थोड़ी गुंजाइश।
एक व्यावहारिक नियम:
- फुल-विड्थ हीरो इमेज: 1600–2000 px चौड़ी काफ़ी है।
- लेख के भीतर इमेज: 1000–1400 px।
- थंबनेल: 300–500 px।
हर इमेज को आपके पेज तक पहुंचने से पहले ही घटाने के लिए Image Resizer का इस्तेमाल करें। यह अनुपात लॉक रखता है ताकि कुछ खिंचे नहीं।
बर्बादी हटाने के लिए कंप्रेस करें
एक बार डाइमेंशन सही हो जाएं, तो कंप्रेशन वो बारीकियां हटा देता है जो आंख देख नहीं सकती। फ़ोटो के लिए, 75–85% के आसपास की क्वालिटी सबसे बढ़िया जगह है: फ़ाइल नाटकीय रूप से घटती है जबकि तस्वीर वैसी ही दिखती है। PNG के रूप में सहेजे गए सादे ग्राफ़िक्स और स्क्रीनशॉट के लिए, रंगों की संख्या घटाना (256 रंगों तक क्वांटाइज़ करना) फ़ाइल को उसके मूल आकार के एक अंश तक ला सकता है।
Image Compressor दोनों संभालता है। यह JPEG और WebP को क्वालिटी के हिसाब से री-एनकोड करता है, PNG को क्वांटाइज़ करता है, और यह गारंटी देता है कि वो कभी भी उस फ़ाइल से बड़ी फ़ाइल नहीं बनाएगा जिससे आपने शुरुआत की थी। अगर आपके पास पूरी गैलरी है, तो उन्हें एक बैच में चलाएं और एक ZIP डाउनलोड करें।
आधुनिक फ़ॉर्मैट पर स्विच करें
अकेले फ़ॉर्मैट का चुनाव ही किसी फ़ाइल को आधा कर सकता है। फ़ोटो के लिए आम विकल्प ऐसे तुलना करते हैं।
| फ़ॉर्मैट | JPEG की तुलना में आम साइज़ | किसके लिए बेहतर |
|---|---|---|
| JPEG | बेसलाइन | सार्वभौमिक फ़ॉलबैक; फ़ोटो |
| WebP | ~25–35% छोटा | फ़ोटो और ग्राफ़िक्स; व्यापक ब्राउज़र सपोर्ट |
| AVIF | ~50% छोटा | फ़ोटो जहां सबसे छोटा साइज़ मायने रखता है |
| PNG | फ़ोटो के लिए बहुत बड़ा | लोगो, आइकन, सादे ग्राफ़िक्स, पारदर्शिता |
WebP 2026 में सुरक्षित डिफ़ॉल्ट है — हर मौजूदा ब्राउज़र इसे पढ़ता है और यह JPEG को आराम से मात देता है। AVIF इससे भी छोटा जाता है पर एनकोड होने में ज़्यादा समय लेता है और इसका सपोर्ट थोड़ा संकरा है। Image Converter आपको AVIF को टारगेट करने देता है और जब AVIF सही न बैठे तो चुपचाप WebP पर लौट आता है, ताकि आपको बिना अंदाज़ा लगाए सबसे बढ़िया उपलब्ध नतीजा मिले।
एक सावधानी: फ़ोटो के लिए PNG का इस्तेमाल न करें। PNG लोगो, आइकन और पारदर्शिता चाहने वाली किसी भी चीज़ के लिए बढ़िया है, पर एक फ़ोटो के लिए यह उसी क्वालिटी की WebP से कई गुना बड़ा हो सकता है।
सब साथ जोड़ें
वेब के लिए बनी किसी भी इमेज के लिए एक भरोसेमंद पाइपलाइन:
- डिस्प्ले की चौड़ाई तक रीसाइज़ करें (रेटिना स्क्रीन के लिए थोड़ी गुंजाइश समेत)।
- WebP में कन्वर्ट करें, या AVIF में अगर आप सबसे छोटी संभव फ़ाइल चाहते हैं।
- आख़िरी बची बर्बादी छांटने के लिए 75–85% क्वालिटी पर कंप्रेस करें।
ऐसा करें और एक 5 MB की कैमरा फ़ोटो एक 120 KB की WebP बन सकती है जो लेख के कॉलम में बिल्कुल एक जैसी दिखेगी। पूरे पेज पर गुणा करें और लोड टाइम का फ़र्क नाटकीय होता है।
सब कुछ आपके ब्राउज़र में Canvas और WebAssembly से चलता है, इसलिए कुछ भी अपलोड नहीं होता और पहली बार खोलने के बाद टूल ऑफ़लाइन भी चलते रहते हैं। मतलब आप किसी सर्वर को सौंपे बिना अपनी साइट के लिए इमेज का पूरा फ़ोल्डर तैयार कर सकते हैं।
फ़ाइलों से आगे
दो और आदतें मदद करती हैं, और इनकी कोई क़ीमत नहीं:
- फ़ोल्ड के नीचे की इमेज को लेज़ी-लोड करें
loading="lazy"से, ताकि ब्राउज़र उन्हें तभी फ़ेच करे जब पाठक स्क्रॉल करते हुए पास आए। - width और height एट्रिब्यूट सेट करें ताकि इमेज लोड होते वक़्त लेआउट न कूदे, जो आपके Core Web Vitals स्कोर में भी मदद करता है।
जानना चाहते हैं कि आख़िर कौन सी इमेज किसी पेज को धीमा कर रही हैं? हमारी इमेज SEO गाइड ऑडिटिंग को कवर करती है, और एक पेज-स्पीड जांच सबसे भारी एसेट सूचीबद्ध कर देगी ताकि आपको पता चले कि पहले कहां निशाना लगाना है।