2015-12-25 8 views
6

ब्रेकपॉइंट्स के बिना <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 परिभाषा को छोड़कर कुछ बाइट्स बचाए जाएंगे, खासकर उदाहरण के लिए एक बड़ी थंबनेल गैलरी वाले पृष्ठ पर।

उत्तर

7

Specification का कहना है:

तो बच्चे एक src विशेषता जिसका मान रिक्त स्ट्रिंग नहीं है और स्रोत सेट 1 के एक घनत्व वर्णनकर्ता मूल्य के साथ एक छवि स्रोत शामिल नहीं है, और कोई एक चौड़ाई वर्णनकर्ता के साथ छवि स्रोत, बच्चे के src विशेषता मूल्य स्रोत सेट संलग्न करें।

आप 1x स्रोत को छोड़ सकते हैं जिसका मतलब है अगर src विशेषता के रूप में अपने एक ही है, लेकिन आपको लगता है कि आप चौड़ाई वर्णनकर्ता उपयोग कर रहे हैं नहीं कर सकते।

+0

आपको बहुत बहुत धन्यवाद :)। समझ में आता है। – fritzmg