Srcset जनरेटर (रेस्पॉन्सिव इमेज)
चौड़ाइयों की सूची से srcset/sizes HTML बनाएं, LCP/CLS को बिगाड़े बिना।
srcset
सारांश
रेस्पॉन्सिव इमेज अपनाने के लिए कई आकार और संबंधित srcset/sizes HTML जनरेट करें।
कैसे उपयोग करें
- सोर्स इमेज लोड करें।
- आवश्यक चौड़ाइयों की सूची दें।
- जनरेटेड HTML कॉपी करें।
उपयोग के मामले
- लेख इमेज का अनुकूलन।
- हीरो इमेज के लिए कई रिज़ॉल्यूशन।
- गैलरी/कार्ड्स में ट्रांसफर कम करें।
टिप्स और ज्ञान
- sizes को आपके वास्तविक लेआउट से मिलाएं।
- प्रति चौड़ाई उचित क्वालिटी चुनें।
- बेहतर LCP के लिए loading="lazy" के साथ उपयोग करें।