कैसे HTML का इस्तेमाल करके एक इमेज की चौड़ाई और ऊंचाई को सेट करें (Set Image Width and Height Using HTML)

HTML में चौड़ाई और ऊंचाई एट्रिब्यूट्स पिक्सेल में एक इमेज की साइज़ को स्पेसिफ़ाई करती हैं। HTML 4.01 में, ऊंचाई को पिक्सेल में या शामिल एलिमेंट के % में डिफ़ाइन किया जा सकता है। HTML5 में, वैल्यू पिक्सेल में होना चाहिए। यह विकिहाउ गाइड आपको अपने HTML कोड में एक इमेज की साइज़ स्पेसिफ़ाई करना सिखाएगी।

चरण

आर्टिकल डाउनलोड करें

विंडोज (Windows) और मैक (Mac) कंप्यूटर नोटपैड और टेक्स्ट एडिट जैसे डिफ़ॉल्ट टेक्स्ट एडिटर प्रोग्राम के साथ आते हैं, जो HTML बनाने या एडिट करने के लिए काम करेंगे। आप या तो File टैब से Open पर क्लिक करके प्रोग्राम के अंदर HTML डॉक्यूमेंट खोल सकते हैं, या आप अपने फाइल ब्राउजर में फाइल को राइट-क्लिक कर सकते हैं और Open With… पर क्लिक करें।
2
इस लाइन को अपनी स्क्रिप्ट में एड करें: <img src="imagefile.jpg" alt="How.com.vn हिन्द: Image" height="42" width="42">
- src आपकी इमेज का फ़ाइल पाथ है।
- alt वह टैग है, जो आप इमेज के लिए देते हैं।
- ध्यान दें कि वे नंबर पिक्सेल में हैं।
- आप style टैग का भी यूज कर सकते हैं। उदाहरण के लिए, आपके टेक्स्ट में नीचे दिए अनुसार: <img src="imgfile.jpg" alt="How.com.vn हिन्द: Image" style="width:500px;height:600px;"> कोड होंगे। style टैग यह सुनिश्चित करता है कि इमेज उस साइज़ का बना रहे और आगे के किसी भी साइज़ के कमांड को ओवरराइड करे।^{[१]Xरिसर्च सोर्स}
height और width नंबर को बदलें: उदाहरण के लिए, यदि आप width में 21 और height एरिया में 21 एंटर करते हैं, तो आपको ओरिजिनल रूप में एक इमेज आधी साइज़ में मिलेगी।
फ़ाइल को सेव करें और प्रभाव को देखने के लिए किसी भी ब्राउज़र का यूज करके फ़ाइल को खोलें: यदि आपको इमेज का साइज़ पसंद नहीं है, तो आप पिछले स्टेप्स को रिपीट कर सकते हैं।^{[२]Xरिसर्च सोर्स}

सलाह

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