ब्रेकपॉइंट्स के बिना <img>
के साथ एक उत्तरदायी छवि सेट का उपयोग करते समय (यानी sizes
विशेषता के बिना) आप आमतौर पर अलग-अलग रिज़ॉल्यूशन में एक ही छवि के कई संस्करण प्रदान करते हैं जिन्हें आप srcset
में पिक्सेल-घनत्व वाक्यविन्यास का उपयोग करके विशेषता देते हैं, उदा। 1x
, 2x
, 3x
एचटीएमएल 5 स्रोतसेट: 1x अनिवार्य है?
हालांकि, छवि के आम तौर पर 1x
संस्करण सिर्फ एक ही छवि है कि पहले से ही src
विशेषता में परिभाषित किया गया है है, इसलिए यह थोड़ा निरर्थक है। इस प्रकार मैं सोच रहा हूं - <img>
के के पैरामीटर में 1x
संस्करण को परिभाषित करना वास्तव में आवश्यक/अनिवार्य है?
केवल
<img src="http://placehold.it/350x150" srcset="http://placehold.it/700x300 2x">
<img src="http://placehold.it/350x150" srcset="http://placehold.it/350x150 1x, http://placehold.it/700x300 2x">
के बजाय का उपयोग करते समय तो कम से कम फ़ायर्फ़ॉक्स ठीक से 350x150
छवि प्रदर्शित करेगा और जैसे ही ज़ूम स्तर/dppx > 1
है यह 700x300
छवि का उपयोग करेगा ।
srcset
में 1x परिभाषा को छोड़कर कुछ बाइट्स बचाए जाएंगे, खासकर उदाहरण के लिए एक बड़ी थंबनेल गैलरी वाले पृष्ठ पर।
आपको बहुत बहुत धन्यवाद :)। समझ में आता है। – fritzmg