जानें इमेज में आपका स्वागत है!

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

मॉडर्न वेब पर इमेज कैसे काम करती हैं, इसे बेहतर तरीके से समझने के लिए, इस सीरीज़ को शुरू से आखिर तक देखा जा सकता है. इसके अलावा, इसका इस्तेमाल उन खास कॉन्सेप्ट और मार्कअप पैटर्न के रेफ़रंस के तौर पर भी किया जा सकता है जिनका इस्तेमाल आपको अपने रोज़मर्रा के काम में करना है.

वेब डेवलपमेंट का अनुभव देने वाले नए लोगों के लिए, मार्कअप का इस्तेमाल करने की बुनियादी बातें जानने के लिए, एचटीएमएल सीखें कोर्स, स्टाइलिंग की बुनियादी बातें जानने के लिए सीएसएस सीखें, और रिस्पॉन्सिव डिज़ाइन सीखें वाले कोर्स देखें. इनसे आपको पता चलेगा कि रिस्पॉन्सिव लेआउट में इमेज कैसे रेंडर की जाएंगी.

यहां बताया गया है कि आपको क्या जानकारी मिलेगी:

वेब पर मौजूद इमेज का इतिहास

वेब पर इमेज का इतिहास, जिसकी शुरुआत 1993 में इमेज एलिमेंट से हुई

परफ़ॉर्मेंस की मुख्य समस्याएं

यह पक्का करने के तरीके जानें कि इमेज के लिए किए गए अनुरोध, छोटे और बेहतर परफ़ॉर्म करने वाले हों.

वेक्टर इमेज

SVG के बारे में जानें, जो वेब पर इस्तेमाल किया जाने वाला वेक्टर इमेज फ़ॉर्मैट है.

रास्टर इमेज

रास्टर इमेज खोजें, जैसे कि JPEG, GIF, PNG, और WebP.

इमेज फ़ॉर्मैट: GIF

GIF इमेज फ़ॉर्मैट को समझें और इस बात की जानकारी भी पाएं कि इमेज को कोड में बदलने का तरीका कैसे काम करता है.

इमेज फ़ॉर्मैट: PNG

पता लगाएं कि चुनने के लिए PNG सबसे अच्छा इमेज फ़ॉर्मैट कब है.

इमेज फ़ॉर्मैट: JPEG

वेब पर सबसे सामान्य इमेज फ़ॉर्मैट के बारे में जानें.

इमेज के फ़ॉर्मैट: WebP

WebP के बारे में जानें. साथ ही, इस फ़ॉर्मैट और दूसरे फ़ॉर्मैट के बीच के अंतर को समझें.

इमेज फ़ॉर्मैट: AVIF

AV1 इमेज फ़ाइल फ़ॉर्मैट (AVIF) ओपन सोर्स AV1 वीडियो कोडेक पर आधारित एक एन्कोडिंग है.

रिस्पॉन्सिव इमेज

रिस्पॉन्सिव इमेज के बारे में ज़्यादा जानें.

जानकारी देने वाले सिंटैक्स

ब्राउज़र को इमेज सोर्स की जानकारी देने और उनका इस्तेमाल करने के तरीके के बारे में जानकारी देने के लिए, srcset और साइज़ का इस्तेमाल करना.

निर्देश देने वाले सिंटैक्स

चित्र तत्व के बारे में पता करें.

अपने-आप कंप्रेस होने और कोड में बदलने का तरीका

बेहतर परफ़ॉर्म करने वाले इमेज सोर्स जनरेट करने को अपनी डेवलपमेंट प्रोसेस का आसान हिस्सा बनाएं.

साइट जनरेटर, फ़्रेमवर्क, और सीएमएस

जानें कि WordPress जैसे सीएमएस और अन्य साइट जनरेटर, रिस्पॉन्सिव इमेज के इस्तेमाल को कैसे आसान बना सकते हैं.

इमेज कॉन्टेंट डिलीवरी नेटवर्क

जानें कि इमेज सीडीएन, किसी इमेज के कॉन्टेंट को बदल सकते हैं और उसे बेहतर बना सकते हैं.

निष्कर्ष

कुछ और संसाधन.

तो क्या आप इमेज सीखने के लिए तैयार हैं?

जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.

आखिरी बार 2023-01-31 (UTC) को अपडेट किया गया.