छवियाँ

एक वेबसाइट बनाने की बुनियाद में, तस्वीरों और इमेज से बनी एक गहरी कहानी होती है।

इमेज वेबसाइट की ग्राफिक संरचना में अहम भूमिका निभाती हैं, और यूज़र के ब्राउज़िंग अनुभव में योगदान देती हैं।

इसीलिए आपकी हर ज़रूरत के लिए, अलग-अलग फ़ंक्शन वाले कई इमेज कंपोनेंट उपलब्ध होंगे:

- एकल इमेज;
- गैलरी;
- कैरोसेल;
- स्लाइडशो;

    इमेज स्लाइडशो
    इमेज शोकेस
    टेक्स्ट के साथ स्लाइडर
    होवर इमेज
- शोकेस;
- टेक्स्ट के साथ स्लाइडर;
- होवर इमेज.

एक इमेज जोड़ना 

एडिटर के जरिए आप अपनी वेबसाइट के अंदर इमेज जोड़ सकते हैं।

1. बाईं ओर एलिमेंट्स बार पर क्लिक करें;
2. मीडिया पर क्लिक करें 
3. इमेज पर क्लिक करें 
4. कंपोनेंट को वर्क एरिया पर ड्रैग करें

आप आसानी से अपनी इमेज जोड़ या बदल सकते हैं।

1. इमेज पर क्लिक करें 
2. इमेज संपादित करें पर क्लिक करें
3. अगर आप अपनी इमेज जोड़ना या बदलना चाहते हैं तो इमेज खोजें पर क्लिक करें। आपके पास तीन विकल्प हैं:

- आप अपने पीसी से सीधे एक निजी इमेज अपलोड कर सकते हैं
- आप Pixabay से एक इमेज अपलोड कर सकते हैं। सर्च बार में कीवर्ड डालें और अपनी पसंद की इमेज चुनें
- आप अपने Facebook अकाउंट से एक इमेज अपलोड कर सकते हैं

जानने योग्य: इमेज का आकार बदलते समय कीबोर्ड का Shift बटन दबाए रखने से सिस्टम इमेज के अनुपात बनाए रखता है, ताकि वह गलती से कट न जाए।

नोट: Alt-tag के साथ इमेज ऑप्टिमाइज़ करने के लिए, साइट प्रबंधन->साइट इंडेक्सिंग में जाना ज़रूरी है। Alt Tag आपकी वेबसाइट की इमेज को ऑप्टिमाइज़ करने का बहुत उपयोगी टूल है, क्योंकि यह इमेज और पेज के भीतर उसकी भूमिका का वर्णन करता है। Google Alt Tag को बहुत महत्व देता है क्योंकि यह इमेज और पेज की अन्य सामग्री से जानकारी निकालता है।
Alt Tag असाइन करने के लिए, साइट इंडेक्सिंग पैनल के भीतर, हर पेज पर इमेज ऑप्टिमाइज़ेशन मिलेगा। यहाँ हर इमेज के लिए दिए गए फ़ील्ड में कीवर्ड डालें और अंत में सेव पर क्लिक करें। याद रखें कि आप अपनी वेबसाइट की हर भाषा के लिए अलग Alt Tag असाइन कर सकते हैं।

एक लिंक जोड़ना

1. इमेज कंपोनेंट पर क्लिक करें
2. इमेज संपादित करें पर क्लिक करें
3. चेन आइकन पर क्लिक करें
4. आप चार प्रकार के लिंक जोड़ सकते हैं :

- आप इमेज को अपनी साइट के किसी मौजूदा पेज से लिंक कर सकते हैं
- आप इमेज को किसी बाहरी लिंक से जोड़ सकते हैं
- आप इमेज को उसी पेज पर मौजूद किसी कंपोनेंट से लिंक कर सकते हैं
- आप इमेज को किसी पॉप अप से लिंक कर सकते हैं 

 
अगर आप इमेज को उसी पेज पर मौजूद किसी कंपोनेंट से लिंक करने का निर्णय लेते हैं, तो आपको सूची से उस कंपोनेंट को चुनना होगा जिसे अपने लिंक के एंकर के रूप में उपयोग करना है। सही कंपोनेंट तुरंत ढूँढने के लिए मैं लेयर्स फ़ंक्शन का उपयोग करने की सलाह देता हूँ।

पैरालैक्स

यहाँ आप पैरालैक्स विकल्प सक्रिय कर सकते हैं, जो इमेज स्क्रॉल होने के दौरान कुछ डेप्थ देकर दृश्य अनुभूति को बेहतर बनाता है।

1. इमेज कंपोनेंट पर क्लिक करें
2. गियर आइकन पर क्लिक करें
3. पैरालैक्स पर क्लिक करें
4. सक्रिय करें पर टिक करें

माउस होवर पर इफेक्ट

आप माउस होवर पर इमेज पर लागू करने के लिए एक इफेक्ट चुन सकते हैं।

1. इमेज कंपोनेंट पर क्लिक करें
2. गियर आइकन पर क्लिक करें
3. माउस होवर पर इफेक्ट पर क्लिक करें
4. माउस होवर इफेक्ट चुनें

ओवरले

ओवरले फ़ंक्शन के जरिए ऊपर से रंग चढ़ाना या ग्रेडिएंट लागू करना संभव है।

1. इमेज कंपोनेंट पर क्लिक करें
2. गियर आइकन पर क्लिक करें
3. ओवरले पर क्लिक करें

फ्रेम

आप प्रस्तावित फ्रेम में से चुनकर इमेज पर लगाने के लिए एक फ्रेम जोड़ सकते हैं और उसका रंग अपनी पसंद से बदल सकते हैं।

1. इमेज कंपोनेंट पर क्लिक करें
2. गियर आइकन पर क्लिक करें
3. फ्रेम पर क्लिक करें

छाया

रंग और छाया की स्थिति चुनकर, छाया जोड़ना संभव है।

1. इमेज कंपोनेंट पर क्लिक करें
2. गियर आइकन पर क्लिक करें
3. छाया पर क्लिक करें
 

जानने योग्य: अगर आप इमेज को फुल-स्क्रीन दिखाना चाहते हैं, तो माउस के राइट क्लिक से Dimensioni पर जाएँ, वहाँ चौड़ाई 100% फ़ंक्शन मिलेगा, जो फोटो को पूरी स्क्रीन पर दिखाने देता है। बदला हुआ आकार सिर्फ चौड़ाई होगा, ऊँचाई नहीं, इसलिए बहुत बड़े स्क्रीन पर इमेज कट सकती है.