Srcset जनरेटर
srcset और sizes के साथ एक रिस्पॉन्सिव img टैग बनाएं।
आउटपुट
srcset और sizes विशेषताओं के साथ एक रिस्पॉन्सिव <img> टैग उत्पन्न करने के लिए एक बेस इमेज URL और लक्ष्य चौड़ाइयां दर्ज करें।
कैसे उपयोग करें
- बेस इमेज URL दर्ज करें।
- जो चौड़ाइयां आप चाहते हैं उन्हें अल्पविराम से अलग करके सूचीबद्ध करें।
- उत्पन्न रिस्पॉन्सिव img टैग कॉपी करें।
अक्सर पूछे जाने वाले प्रश्न
- srcset URL कैसे नामित होते हैं?
- प्रत्येक चौड़ाई फ़ाइल एक्सटेंशन से पहले एक -<width>w प्रत्यय जोड़ती है, जैसे photo-640w.jpg।
- sizes विशेषता किस लिए है?
- यह ब्राउज़र को बताती है कि छवि कितनी जगह घेरती है ताकि वह सही स्रोत चुन सके।