सही भेजें
छवि उम्मीदवार।
बेसिक छवि मेटाडेटा और वितरण संबंधी प्रश्नों की समीक्षा के लिए निजी, केवल ब्राउज़र में होने वाला इनपुट। यह फ़ाइल को मेटाडेटा और स्थानीय आयाम से आगे अपलोड, संग्रह, अनुकूलित या निरीक्षण नहीं करता।
इसे उपयोग करें: छवि का स्थान, रिस्पॉन्सिव उम्मीदवार, पहुँच योग्य वैकल्पिक पाठ, और वितरण के समझौते पर चर्चा तैयार करने के लिए उपयोग करें।
जाँच करें प्रारम्भिक बिंदु।
बेसिक ब्राउज़र-रिपोर्ट किए गए मेटाडेटा और आयाम देखने के लिए एक स्थानीय छवि चुनें। SIU चयनित फ़ाइल को अपलोड, भेज, संरक्षित, अनुकूलित या संग्रहीत नहीं करता।
स्थानीय छवि चुनें — कोई छवि चुनी नहीं गई। कुछ भी अपलोड या सहेजा नहीं गया है।
कुछ भी यहाँ से नहीं निकलता।
चुनी गई छवि अपना नाम, ब्राउज़र-रिपोर्ट किया गया MIME टाइप, बाइट आकार, अंतिम-परिवर्तित समय, और स्थानीय डिकोड करने योग्य आयाम दिखाएगी।
कोई पूर्वावलोकन उत्पन्न नहीं किया जाता। केवल तब छवि चुनें जब स्थानीय मेटाडेटा आपकी समीक्षा के लिए उपयोगी हो।
अगला ज्ञात कदम।
- एक स्थानीय छवि चुनें। ब्राउज़र केवल मेमोरी में उसका नाम, MIME टाइप, बाइट आकार, अंतिम-परिवर्तित टाइमस्टैम्प, और—जहाँ डिकोड होने योग्य हो—पिक्सल आयाम पढ़ता है।
- आयामों की तुलना इच्छित रेंडर्ड चौड़ाई और डिवाइस डेंसिटी से करें; फिर तय करें कि क्या पृष्ठ को कई छवि उम्मीदवारों या आर्ट-डायरेक्शन की आवश्यकता है।
- मार्कअप संदर्भ की समीक्षा करें: अर्थपूर्ण वैकल्पिक पाठ, जहाँ उपयुक्त घोषित आयाम, रिस्पॉन्सिव स्रोत चयन, और लोडिंग प्राथमिकता अलग-अलग निर्णय हैं।
- मूल स्रोत एसेट को टीम की स्थापित एसेट और लाइसेंसिंग प्रक्रिया के अंतर्गत रखें। यह पृष्ठ कोई व्युत्पन्न फ़ाइलें नहीं बनाता।
टीम के अनुमोदित ब्राउज़र और प्रदर्शन टूल के साथ इच्छित ब्रेकपॉइंट्स पर रेंडर किए गए पृष्ठ का निरीक्षण करें।
इमेज वैकल्पिक पाठ और वास्तविक रिस्पॉन्सिव मार्कअप की कोड समीक्षा में पुष्टि करें।
किसी सुधार का दावा करने से पहले वास्तविक परिवेश में वितरण को मापें।
स्रोत टिप्पणियाँ, न कि उधार ली गई निश्चितता।
योजना का आधार: web.dev की responsive-image guidance और MDN File API दस्तावेज़
- web.dev — Responsive images ↗web.dev बताता है कि छवि के बाइट्स महत्वपूर्ण हो सकते हैं और उपयुक्त उपयोग-मामलों के लिए रिस्पॉन्सिव उम्मीदवार, srcset, sizes, और picture को वर्णित करता है।
- MDN — Using files from web applications ↗MDN उपयोगकर्ता-चयनित File वस्तुओं और स्थानीय रूप से उपलब्ध name, type, और size मेटाडेटा को दस्तावेज़ित करता है।
लेखकत्व: SIU Enablement संपादकीय मसौदा; स्रोत-सीमित संचालन मार्गदर्शिका। द्वारा समीक्षा की गई: डिज़ाइन, एक्सेसिबिलिटी, प्रदर्शन, और अधिकार मालिक अपनी वितरण संदर्भ में छवियों की समीक्षा करते हैं। पुनः मान्य करें: प्लेसमेंट, रिस्पॉन्सिव नियम, एसेट स्रोत, या डिलीवरी प्रदाता बदलने पर पुनःमान्य करें।