मल्टीमीडिया शिक्षण - वेब पर इमेज का उपयोग

यह लेख इमेज का उपयोग करने की शर्तों, इसके साथ टेक्स्ट का उपयोग, इमेज के डाउनलोड को तेज करने और उचित इमेज फॉर्मेट चुनने के बारे में विस्तार से बताता है।

जब इमेज का उपयोग करें

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

दस्तावेज़ में इमेज जोड़ने के लिए सोचते समय, एक अन्य महत्वपूर्ण सोच की गई बात, नेटवर्क के माध्यम से, विशेष रूप से मोडेम के माध्यम से इस दस्तावेज़ को ट्रांसमिट करते समय, रिट्रीवल में आए वक्त की देरी है। आम दस्तावेज़ में 10-15 किलोबाइट तक की आसानी से समायोजित किया जा सकता है, और एक इमेज आसानी से सैकड़ों किलोबाइट के आकार के साथ आ सकता है। और एक दस्तावेज़ का कुल डाउनलोड समय उसके सभी भागों के आकार का जोड़ के अलावा, नेटवर्क लोड की देरी को भी सोचना चाहिए।

कनेक्शन की गति (अर्थात बैंडविड्थ) के आधार परबैंडविड्थसामान्यतया bps या b/s के रूप में प्रदर्शित होता है) और जो कि कनेक्शन की गति को कम कर सकता है नेटवर्क ब्लॉकिंग स्थिति, 100 KB इमेज वाला एकल दस्तावेज़ डाउनलोड करने के लिए, रात के दोपहर एक शेर की समय बीताने के लिए, एक 57.6 Kbps मोडेम के साथ कनेक्शन करके लगभग 15 सेकंड का समय लगता है, या फिर मध्याह्न के समय एक 9600 bps मोडेम के साथ 10 मिनट से अधिक समय लगता है। आपने इस इमेज को प्राप्त किया है क्या?

बेशक, इमेज और अन्य मल्टीमीडिया के उपयोग, इंटरनेट सर्विस प्रदाताओं को वेब सामग्री प्रदान करने के लिए तेजी से बेहतर और मजबूत तरीके खोजने के लिए प्रेरित करते हैं. जल्द ही, 56 Kbps मॉडेम कनेक्शन इतिहास से बाहर हो जाएगा (जैसा कि 9600 bps मॉडेम कनेक्शन था), यह केबल मॉडेम और ADSL जैसी नई प्रौद्योगिकियों द्वारा बदल जाएगा. वास्तव में, अधिकांश कनेक्शन जल्द ही 1Mbps से अधिक रेट पर हो जाएंगे.

कीमतों में गिरावट के कारण, नेटवर्क का उपयोग बढ़ता जा रहा है, इससे अवरोध की समस्या उठ रही है. अगर आप एक ओवरलोड कर रहे सर्वर पर जा रहे हैं, तो अच्छी नेटवर्क कनेक्शन रेट के बावजूद, आपका उपयोग नहीं हो सकता है.

जब टेक्स्ट का उपयोग करना चाहिए

टेक्स्ट अभी भी अप्रचलित नहीं है. कुछ उपयोगकर्ताओं के लिए, टेक्स्ट उनके डॉक्यूमेंट में एकमात्र उपलब्ध सामग्री है. हमें सुझाव है कि अधिकांश मामलों में, डॉक्यूमेंट को किसी को भी उपलब्ध होना चाहिए, जिनके पास इमेज देखने की क्षमता नहीं है, या जो ब्राउज़र के ऑटो-डाउनलोड इमेज फ़ंक्शन को अक्षम करके नेटवर्क कनेक्शन की दर्जा बढ़ाना चाहते हैं. हालांकि, डॉक्यूमेंट में इमेज जोड़ने की जरूरत बहुत हो सकती है, लेकिन कभी-कभी साफ़ टेक्स्ट डॉक्यूमेंट की अधिक महत्वपूर्ण होती है.

वेब पृष्ठों के लिए फॉर्मेट से बदलने वाले डॉक्यूमेंटों में अकसर एम्बेडेड इमेज नहीं होते, और संदर्भ और अन्य गंभीर सामग्री आमतौर पर पूर्ण रूप से उपलब्ध साफ़ टेक्स्ट रूप में होती है.

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

अगर आप चाहते हैं कि आपका डॉक्यूमेंट वेब पर बहुत से सर्च सर्विस को आसानी से खोजा जा सके, तो टेक्स्ट सबसे अच्छा रूप है - केवल इमेज को ही समर्थित करने वाला, न कि अलंकारी और अनावश्यक ग्राफिक्स. लेकिन ये सर्च इंजिन इमेज के अस्तित्व को अकसर नज़र अनदाज़ करते हैं. अगर पृष्ठ का मुख्य सामग्री इमेज के रूप में प्रदान किया जाता है, तो आपके डॉक्यूमेंट के बारे में ऑनलाइन वेब डिरेक्ट्री में बहुत कम जानकारी होगी.

इमेज के डाउनलोड स्पीड तेज करना

डॉक्यूमेंट में समेटने वाले सामग्री को बड़ी सावधानी से चुनने के अलावा, इमेज के द्वारा लोड और देरी की समस्याओं को सुधारने के लिए कई तरीके हैं:

सरलता बनाए रखें

एक पूर्ण स्क्रीन का 24 बिट कलर ग्राफिक, भले ही स्टैंडर्ड फॉर्मेट (जैसे GIF या JPEG आदि) के डिजिटल कंप्रेशन के बाद आकार कम हो जाए, वह अभी भी अधिकांश नेटवर्क बैंडविड्थ का इस्तेमाल करता है। इसलिए, विभिन्न इमेज प्रबंधन टूल का उपयोग करके इमेज के आकार को उन्नत करना और रंगों की संख्या को न्यूनतम पिक्सल संख्या तक कम करना बेहतर है। अपने चित्र को सरल रखें, और इसके साथ भी चित्रों में विशेष रूप से बड़े खाली पृष्ठभूमि और अनावश्यक किनारे तथा अन्य अतिरिक्त घटकों को नहीं रखें। और भी, धबाव इफेक्ट (दो पारस्परिक करीब-करीब रंगों को मिलाकर तीसरा रंग प्राप्त करने का प्रभाव) का उपयोग न करें, इस तकनीक का इस्तेमाल करने से इमेज की कम्प्रेशन क्षमता को काफी घटाता है। इसके विपरीत, बड़े हिस्से में एक समान रंग का इस्तेमाल करें, क्योंकि GIF या JPEG फॉर्मेट में इनको आसानी से कम्प्रेशन किया जा सकता है。

इमेज को दोबारा उपयोग करना

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

बड़े दस्तावेज़ को विभाजित करना

यह इमेज को समाविष्ट करने का एक सामान्य सिद्धांत है। अनेक छोटे दस्तावेज़ बांटकर (क्योंकि यह इसके लिए उपयोग किया जाता है!) और प्रभावी सारणी के साथ संगठित किए जाते हैं, इससे उपयोगकर्ता बड़े दस्तावेज़ की तुलना में अधिक सहजता से स्वीकार करता है। सामान्यतया, लोग एक बड़े दस्तावेज़ को डाउनलोड करने के लिए अपना समय नहीं बर्बाद करना चाहते, यह टेलीविजन चैनल ब्राउज़िंग सिंड्रोम से कुछ भी अधिक समान है। एक अच्छा अनुभव यह है कि हर दस्तावेज़ को 50 KB के आसपास रखना, ताकि उपयोगकर्ता निचले से भी अधिक अनुभव नहीं करता।

कभी-कभी बड़े ग्राफिक्स को अलग करना

काफी बड़ी इमेज के लिए एक लिंक दें, जो शायद एक इमेज का थंबनाम हो, यह लिंक पाठक को निर्णय करने की अनुमति देता है कि वह पूरे इमेज को डाउनलोड करना चाहता है और कब डाउनलोड करना चाहता है। और इस तरह के इमेज निरंतर इमेज के साथ असामान्य नहीं होते, इसलिए इनको सहजता से पहचाना और स्थानीय संग्रह में सहेजा जा सकता है, ताकि भविष्य में अध्ययन के लिए उपयोग किया जा सके。

इमेज के आकार निर्दिष्ट करना

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

JPEG या GIF?

यदि इमेज के स्रोत या आपके टूल सॉफ्टवेयर एक फॉर्मेट को पसंद करते हैं, तो आपको सिर्फ JPEG या GIF इमेजों में से एक का उपयोग करना होगा।अब, दोनों फॉर्मेट ब्राउज़रों द्वारा व्यापक रूप से समर्थित हैं, इसलिए उपयोगकर्ता के लिए देखने की समस्या नहीं है।

हालांकि, हम अभी भी आपको कुछ औजारों का उपयोग करने की सिफारिश करते हैं, ताकि इन दोनों फॉर्मेटों के अलग-अलग फ़ंक्शनों का पूरी तरह से उपयोग किया जा सके।उदाहरण के लिए, GIF की पारदर्शी विशेषता का उपयोग चिह्नों और छोटे साजों में किया जा सकता है।जबकि JPEG का उपयोग अधिक रंगबीज इमेजों को कम डाउनलोड समय में डाउनलोड करने के लिए किया जा सकता है।

<img> टैग

<img> टैग दस्तावेज के वर्तमान डॉक्यूमेंट धारा में संदर्भ या इंसर्ट करने के लिए अनुमति देता है।इस टैग के बारे में अधिक जानकारी के लिए देखें: