विषय

• कदम
• टिप्स

यह आलेख आपको दिखाएगा कि HTML में किसी छवि की ऊंचाई और चौड़ाई कैसे सेट करें।

• "चौड़ाई" विशेषता चित्र की चौड़ाई (पिक्सेल में) सेट करती है।
• "ऊंचाई" विशेषता छवि की ऊंचाई (पिक्सेल में) सेट करती है।
• HTML4.01 में, ऊंचाई पिक्सेल में या प्रतिशत के रूप में सेट की जा सकती है, लेकिन HTML5 में, केवल पिक्सेल में।

कदम

1. 1 एचटीएमएल फ़ाइल खोलें। उदाहरण के लिए, फ़ाइल default.html खोलें।
2. 2 अपने HTML कोड में निम्न पंक्ति जोड़ें।
   • img src = "imagefile.webp" alt = "इमेज" ऊंचाई = "42" चौड़ाई = "42">
   • src में ग्राफिक फ़ाइल (चित्र) का पथ होता है।
   • वैकल्पिक रूप से, छवि का आकार सेट किया गया है।
3. 3 ऊंचाई और चौड़ाई विशेषताओं के मानों को अपने इच्छित मानों से बदलें। उदाहरण के लिए, इस तरह: ऊंचाई = "19" चौड़ाई = "20"
4. 4 फ़ाइल को सहेजें और इसे किसी भी वेब ब्राउज़र में खोलें। यह जांचने के लिए करें कि छवि का आकार कैसे बदला जाता है। "चौड़ाई" विशेषता सभी प्रमुख ब्राउज़रों (Google क्रोम, सफारी, मोज़िला फ़ायरफ़ॉक्स, ओपेरा, इंटरनेट एक्सप्लोरर) द्वारा समर्थित है।

टिप्स

• हमेशा तस्वीर की ऊंचाई और चौड़ाई निर्धारित करें। तो जब पृष्ठ लोड होता है, तो चित्र के लिए स्थान आरक्षित होता है। अन्यथा, ब्राउज़र को छवि के आकार का पता नहीं चलेगा और वह स्थान आरक्षित नहीं करेगा, जिससे पेज लोड होने पर पेज लेआउट बदल जाएगा।
• यदि "ऊंचाई" और "चौड़ाई" विशेषताओं का उपयोग करके बड़ी छवि का आकार कम किया जाता है, तो उपयोगकर्ता बड़ी छवि को लोड करेगा (भले ही वह पृष्ठ पर छोटा दिखाई दे)। इसलिए, हम अनुशंसा करते हैं कि आप पहले किसी ग्राफ़िक्स संपादक में छवि का आकार बदलें।