Html में इमेज कैसे कम करें

विषयसूची:

Html में इमेज कैसे कम करें
Html में इमेज कैसे कम करें

वीडियो: Html में इमेज कैसे कम करें

वीडियो: Html में इमेज कैसे कम करें
वीडियो: HTML में इमेज कैसे डालें || हिंदी में 2024, जुलूस
Anonim

हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) में, एक विशेष कमांड "टैग" का उपयोग किसी पेज पर इमेज प्रदर्शित करने के लिए किया जाता है। इस टैग को img के रूप में संदर्भित किया जाता है और इसमें चर का एक सेट होता है - "विशेषताएँ"। विशेषताओं की सहायता से, आप किसी हाइपरटेक्स्ट पृष्ठ में छवि के प्रदर्शन के सभी पहलुओं को निर्धारित कर सकते हैं, जिसमें इसके आयाम भी शामिल हैं। हालाँकि, समस्या को हल करने का यह एकमात्र तरीका नहीं है - आप कैस्केडिंग स्टाइल शीट्स (सीएसएस) का उपयोग करके छवि के आकार को कम भी कर सकते हैं।

html में इमेज कैसे कम करें
html में इमेज कैसे कम करें

अनुदेश

चरण 1

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

चरण दो

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

चरण 3

यदि आप शैलियों के विवरण का उपयोग करके छवि का आकार निर्दिष्ट करना चाहते हैं, तो उसी टैग नाम - img - और विशेषताओं - चौड़ाई और ऊंचाई का उपयोग करें। इस मामले में, माप की इकाइयों - पीएक्स, पीटी या% - को हमेशा निर्दिष्ट किया जाना चाहिए। पृष्ठ पर बिल्कुल सभी छवियों के आकार को आधा करने के लिए, शैली विवरण ब्लॉक में निम्नलिखित प्रविष्टि रखें: img {ऊंचाई: 50%;} यदि आपको केवल एक छवि का आकार कम करने की आवश्यकता है, तो एक अतिरिक्त आईडी विशेषता जोड़ें अपने टैग के लिए और इसे इस पृष्ठ मान की छवियों के लिए एक अद्वितीय असाइन करें - उदाहरण के लिए, PicOne: शैली रिकॉर्ड में समान मान जोड़ें, इसे टैग नाम से "हैश" # से अलग करें। इस मामले में पूरी शैली विवरण इस तरह दिख सकता है: img # OnePic {ऊंचाई: 50%;}

सिफारिश की: