// मुफ्त ऑनलाइन टूल
वेब के लिए इमेज अनुकूलन
इमेज को WebP में बदलें, उपयुक्त गुणवत्ता पर संपीड़ित करें, और प्रदर्शित आयामों के अनुसार रिसाइज़ करें। तेज़ इमेज बेहतर Core Web Vitals, उच्च SEO रैंकिंग और कम बाउंस रेट देती हैं। मुफ्त, त्वरित, निजी।
वेबसाइटों के लिए इमेज अनुकूलन क्यों महत्वपूर्ण है
इमेज आम तौर पर किसी भी वेबपेज पर सबसे बड़े एसेट होते हैं, जो औसतन कुल पृष्ठ भार का 60–70% हिस्सा लेते हैं। अनुकूलित न की गई इमेज पृष्ठ लोड समय धीमा करने का सबसे आम कारण है, जो सीधे प्रभावित करता है: बाउंस रेट (53% मोबाइल उपयोगकर्ता 3 सेकंड से अधिक लोड होने वाले पृष्ठ छोड़ देते हैं), Core Web Vitals स्कोर (विशेषकर LCP - Largest Contentful Paint), और गूगल सर्च रैंकिंग (पृष्ठ गति एक पुष्टि किया गया रैंकिंग फ़ैक्टर है)।
वेब इमेज अनुकूलन चेकलिस्ट
- WebP प्रारूप का उपयोग करें - JPEG के समान गुणवत्ता पर 25–35% छोटा। सभी आधुनिक ब्राउज़र इसका समर्थन करते हैं।
- गुणवत्ता 75–85 पर सेट करें - सामान्य वेब दृश्य आकार पर 100 से लगभग अचिन्हित गुणवत्ता अंतर।
- प्रदर्शित आयामों के अनुसार रिसाइज़ करें - 800px कॉलम में 4000px इमेज कभी न दिखाएँ। पहले रिसाइज़ करें।
- रिस्पॉन्सिव इमेज का उपयोग करें - जोड़ें
srcsetविभिन्न स्क्रीन चौड़ाई के लिए अलग-अलग आकार सर्व करने के लिए। - - जोड़ें
loading="lazy"- प्रारंभिक पृष्ठ लोड को तेज़ करने के लिए ऑफ-स्क्रीन इमेज को डिफर करें। - स्पष्ट चौड़ाई/ऊँचाई सेट करें - लेआउट शिफ्ट को रोकता है (CLS स्कोर में सुधार)।
वेब अनुकूलन के लिए अनुशंसित सेटिंग्स
अधिकांश वेब इमेज के लिए: WebP प्रारूप, गुणवत्ता 80, वास्तविक डिस्प्ले चौड़ाई पर रिसाइज़। हीरो इमेज के लिए: गुणवत्ता 85 और अधिकतम 1920px चौड़ाई। थंबनेल के लिए: गुणवत्ता 75, 400–800px चौड़ाई। उत्पाद इमेज के लिए: गुणवत्ता 85, 800–1200px चौकोर।
अक्सर पूछे जाने वाले प्रश्न
<picture> element.