गतिशील छवि आकार बदलना। जावास्क्रिप्ट, एचटीएमएल

मैं टैग का उपयोग कर छवि आकार को 200x150 में बदलना चाहता हूं। क्या आप कृपया ऐसा करने में मेरी मदद कर सकते हैं?

उत्तर:

उत्तर № 1 के लिए 1

इस कदर:

<img width="200" height="150" src="/images/..." alt="My Small Image" />

जवाब के लिए 2 № 2

आप बस चौड़ाई और ऊंचाई विशेषताओं को सेट करें:

<img src="/images/..." width="200" height="150" alt="..." />

ध्यान दें कि यह केवल छवि को बदलता हैका प्रदर्शन किया। सर्वर से लोड की गई फ़ाइल अभी भी वही आकार है, इसलिए इसे अभी भी लोड करने में लगने लगते हैं। साथ ही, विज़ुअल परिणाम ब्राउज़र से ब्राउज़र में भिन्न होता है, कुछ हालिया ब्राउज़र छवियों का आकार बदलने में बहुत अच्छे होते हैं, लेकिन आमतौर पर एक छवि का आकार बदलकर बहुत खराब लग सकता है।

यदि आप सबसे अच्छी संभव गुणवत्ता चाहते हैं तो इस विधि ने "टी नहीं किया। आपको यह दिखाने के बजाय वास्तविक छवि का आकार बदलना होगा कि यह कैसा दिखता है।


उत्तर № 3 के लिए 1
<img width="200" height="150" src="/images/myimage.jpg" />

???


उत्तर के लिए 1 № 4

यानी तुम्हें ये पसंद है?

<img src="/images/path/to/img" width="200" height="150" />

उत्तर के लिए 1 № 5

अन्य उत्तरों सही हैं। वे जो करते हैं वो करते हैं। परंतु:

  1. गुणवत्ता पीड़ित हो सकती है। एक सुंदर थंबनेल बनाना इंटरपोलेशन की आवश्यकता है।
  2. यदि छवि आपके इच्छित आकार से छोटी है, तो आपको एक दानेदार छवि मिल जाएगी।
  3. अगर छवि बड़ी है, तो आप अभी भी पूरी चीज लोड कर रहे हैं (और अपनी बैंडविड्थ को चूसने)। इसका समाधान करने के लिए आपको फ्लाई या स्थैतिक रूप से डाउनम्प्लेड थंबनेल तैयार करना होगा।

इन चीजों को ठीक करने के लिए आप अपनी छोटी छवियों को ऑफ़लाइन बना सकते हैं (यदि यह आपके आवेदन के लिए उपयुक्त है) या छविमैजिक में उद्यम करें या ऐसा कुछ और अधिक कुशलता से प्रस्तुत करने के लिए।


उत्तर के लिए 1 № 6

जैसा कि गुफा ने कहा, छवि टैग की चौड़ाई और ऊंचाई विशेषताओं का उपयोग करके ब्राउज़र द्वारा प्रदर्शित किए जाने वाले तरीके को प्रभावित करता है।

अगर आप अपनी छवि का आकार बदलना चाहते हैं, तो आपके पास इसके लिए सर्वर साइड कोड का उपयोग करना होगा (जैसे एएसपीनेट, पीएचपी, ...) और आकार बदलकर छवि की सेवा करें, या आपको इसे चित्र संपादक के साथ मैन्युअल रूप से आकार बदलना होगा।


संबंधित सवाल
सबसे लोकप्रिय