HTML इमेज साइज़ इमेज की ऊंचाई और चौड़ाई को संदर्भित करता है। उन्हें <img> एलिमेंट पर HTML विशेषताओं के रूप में सूचीबद्ध किया जाता है। यहां उन्हें सेट करने का तरीका बताया गया है।
सिंटैक्स
<img> टैग की चौड़ाई और ऊंचाई विशेषताओं को सेट करने का सिंटैक्स है:
<img src="<वेबसाइट का नाम>" alt="<ऑल्ट टैग>" height="<px में>" width="<px में>" />
यहां एक कोड स्निपेट दिखा रहा है कि यह कैसे काम करता है:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>HTML में इमेज साइज़</h1> <h2>बिना विशेषताओं के</h2> <img src="https://placekitten.com/500/500" /> <h2>विशेषताओं के साथ</h2> <img src="https://placekitten.com/500/500" width="300" height="300" /> <script src="script.js"></script> </body> </html>
<img> एलिमेंट की ऊंचाई और चौड़ाई पिक्सेल में एक संख्या है (उद्धरण चिह्नों के बीच में)। पेज लोड होने से पहले इमेज के लिए स्पेस आवंटित करने के लिए ऊंचाई और चौड़ाई दोनों विशेषताओं को इंगित करना एक अच्छा विचार है। यदि पेज रेंडर होने से पहले इमेज का आकार इंगित नहीं किया जाता है, तो पेज इमेज लोड होते ही अपना लेआउट एडजस्ट करेगा।
ब्राउज़र सपोर्ट
<img> एलिमेंट की चौड़ाई और ऊंचाई विशेषताएँ सभी वेब ब्राउज़र्स पर समर्थित हैं।
