वेब के लिए इमेज कैसे कम्प्रेस करें (क्वालिटी बिगाड़े बिना)

इमेज कम्प्रेशन क्यों ज़रूरी है

आँकड़े साफ़ हैं:

• 53% मोबाइल यूज़र वह पेज छोड़ देते हैं जो 3 सेकंड से ज़्यादा में लोड होता है (Google)
• लोड टाइम में हर 100ms का सुधार कन्वर्ज़न 1% बढ़ाता है (Deloitte)
• Core Web Vitals सीधे Google रैंकिंग पर असर डालते हैं - LCP (Largest Contentful Paint) लगभग हमेशा एक इमेज होती है
• औसत वेब पेज 1.5 MB की इमेज परोसता है - जिनमें से ज़्यादातर ऑप्टिमाइज़ नहीं होतीं

इमेज कम्प्रेशन चेकलिस्ट

1. सही फ़ॉर्मेट चुनें: वेब के लिए WebP, फ़ोटो के लिए JPG, और PNG सिर्फ़ तब जब ट्रांसपेरेंसी चाहिए और WebP नहीं चल सकता
2. पहले रीसाइज़ करें: 800px के बॉक्स में 4000px की इमेज न परोसें। अपनी इमेज रीसाइज़ करें ताकि वे दिखने वाले साइज़ की हों (रेटिना के लिए 2x)।
3. कम्प्रेस करें: लॉसी फ़ॉर्मेट के लिए क्वालिटी 75-85 रखें। ज़्यादातर लोग फ़र्क नहीं देख पाते।
4. WebP इस्तेमाल करें: तुरंत 25-35% बचत के लिए WebP में बदलें।
5. लेज़ी लोड करें: स्क्रीन के नीचे वाली इमेज में loading="lazy" जोड़ें।
6. साइज़ बताएँ: लेआउट खिसकने से बचाने के लिए हमेशा width और height एट्रिब्यूट दें।

मुफ़्त इमेज कम्प्रेशन टूल्स

ब्राउज़र में (कोई अपलोड नहीं)

• WebP Buddy स्मार्ट कम्प्रेस: सबसे अच्छी क्वालिटी सेटिंग अपने आप खोजता है। पूरी तरह आपके ब्राउज़र में चलता है - आपकी इमेज कभी आपके डिवाइस से बाहर नहीं जातीं।
• WebP कम्प्रेस: WebP इमेज के लिए मैन्युअल क्वालिटी कंट्रोल।
• बल्क कन्वर्ट: एक साथ कई इमेज कन्वर्ट और कम्प्रेस करें।

कमांड लाइन

# cwebp से कन्वर्ट और कम्प्रेस करें
cwebp -q 80 photo.jpg -o photo.webp

# मौजूदा WebP को कम्प्रेस करें
cwebp -q 75 image.webp -o image-compressed.webp

# पूरे फ़ोल्डर को एक साथ बदलें
for f in *.jpg; do cwebp -q 80 "$f" -o "${f%.jpg}.webp"; done

क्वालिटी सेटिंग की झटपट तालिका

अक्सर पूछे जाने वाले सवाल