HTML <img> चौड़ाई विशेषता
उदाहरण
600 पिक्सेल की ऊँचाई और 500 पिक्सेल की चौड़ाई वाली एक छवि:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
widthविशेषता पिक्सेल में छवि की चौड़ाई निर्दिष्ट करती है ।
युक्ति: छवियों के लिए हमेशा heightऔर विशेषताएँ दोनों निर्दिष्ट करें।
widthयदि ऊंचाई और चौड़ाई निर्धारित की जाती है, तो पृष्ठ लोड होने पर छवि के लिए आवश्यक स्थान आरक्षित होता है। हालांकि, इन विशेषताओं के बिना, ब्राउज़र छवि के आकार को नहीं जानता है, और इसके लिए उपयुक्त स्थान आरक्षित नहीं कर सकता है। प्रभाव यह होगा कि लोडिंग के दौरान पृष्ठ लेआउट बदल जाएगा (जबकि चित्र लोड होते हैं)।
युक्ति:
height और widthविशेषताओं के साथ एक बड़ी छवि को छोटा करने से उपयोगकर्ता बड़ी छवि को डाउनलोड करने के लिए बाध्य होता है (भले ही वह पृष्ठ पर छोटा दिखता हो)। इससे बचने के लिए, किसी पृष्ठ पर छवि का उपयोग करने से पहले एक प्रोग्राम के साथ छवि को फिर से मापें।
ब्राउज़र समर्थन
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
<img width="pixels">
गुण मान
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ एचटीएमएल <img> टैग