इमेज कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन), इमेज को वेब पर ऑप्टिमाइज़ करने के लिए बेहतरीन हैं. अपनी वेबसाइट को इमेज सीडीएन पर स्विच करने से, इमेज के साइज़ में 40–80% की बचत हो सकती है. ज़्यादातर मामलों में, वे आपकी इमेज को बिल्ड-टाइम इमेज ऑप्टिमाइज़ेशन स्क्रिप्ट से बेहतर तरीके से ऑप्टिमाइज़ कर सकते हैं.
इमेज सीडीएन क्या है?
इमेज सीडीएन, इमेज में बदलाव करने, उन्हें ऑप्टिमाइज़ करने, और उन्हें डिलीवर करने में माहिर होते हैं. इन्हें अपनी साइट पर इस्तेमाल की गई इमेज को ऐक्सेस करने और उनमें बदलाव करने के एपीआई के तौर पर भी माना जा सकता है. किसी इमेज सीडीएन से लोड की गई इमेज के लिए, इमेज यूआरएल से न सिर्फ़ लोड की जाने वाली इमेज, बल्कि साइज़, फ़ॉर्मैट, और क्वालिटी जैसे पैरामीटर भी मिलते हैं. इससे अलग-अलग इस्तेमाल के लिए, इमेज के वैरिएशन बनाए जा सकते हैं.
इमेज सीडीएन, बिल्ड-टाइम इमेज ऑप्टिमाइज़ेशन स्क्रिप्ट से अलग होते हैं. इसमें ज़रूरत के हिसाब से इमेज के नए वर्शन बनाए जाते हैं. इस वजह से, सीडीएन आम तौर पर ऐसी इमेज बनाने के लिए बेहतर होते हैं जिन्हें बिल्ड स्क्रिप्ट के मुकाबले अलग-अलग क्लाइंट की ज़रूरतों के हिसाब से बनाया जाता है.
इमेज सीडीएन, ऑप्टिमाइज़ेशन के विकल्पों को दिखाने के लिए, यूआरएल का इस्तेमाल कैसे करते हैं
इमेज सीडीएन इस्तेमाल किए जाने वाले इमेज यूआरएल, इमेज के बारे में अहम जानकारी देते हैं. साथ ही, उन बदलावों और ऑप्टिमाइज़ेशन के बारे में जानकारी देते हैं जिन्हें उस पर लागू किया जाना चाहिए. यूआरएल फ़ॉर्मैट, इस्तेमाल किए जा रहे इमेज सीडीएन के हिसाब से अलग-अलग होते हैं. हालांकि, ज़्यादा शब्दों में कहें, तो सभी में एक जैसी सुविधाएं होती हैं. सबसे सामान्य सुविधाओं में से कुछ के बारे में यहां बताया गया है.
शुरुआत की जगह
इमेज सीडीएन आपके अपने डोमेन या आपकी इमेज सीडीएन के डोमेन पर लाइव हो सकता है. आम तौर पर, तीसरे पक्ष की इमेज के सीडीएन, पैसे लेकर कस्टम डोमेन इस्तेमाल करने का विकल्प देते हैं. अपने डोमेन का इस्तेमाल करने से, इमेज सीडीएन को बाद में स्विच करना आसान हो जाता है, क्योंकि यूआरएल में किसी तरह के बदलाव की ज़रूरत नहीं होती.
पिछले उदाहरण में, कस्टम डोमेन के बजाय पसंद के मुताबिक बनाए गए सबडोमेन के साथ, इमेज सीडीएन के डोमेन ("example-cdn.com") का इस्तेमाल किया गया था.
Image
आम तौर पर, इमेज सीडीएन को इस तरह कॉन्फ़िगर किया जा सकता है कि ज़रूरत पड़ने पर उस जगह से इमेज को अपने-आप वापस लाया जा सके. यह सुविधा अक्सर तब मिलती है, जब इमेज सीडीएन से जनरेट की गई इमेज के यूआरएल में मौजूदा इमेज का पूरा यूआरएल शामिल किया जाता है. उदाहरण के लिए, आपको ऐसा यूआरएल दिख सकता है: https://my-site.example-cdn.com/https://flowers.com/daisy.jpg/quality=auto
.
यह यूआरएल, https://flowers.com/daisy.jpg
पर मौजूद इमेज को फिर से हासिल और ऑप्टिमाइज़ करेगा.
ऐसा हो सकता है कि अनुरोध किया गया फ़ाइल फ़ॉर्मैट (उदाहरण में, JPG),
इमेज फ़ाइल के लिए दिए गए फ़ॉर्मैट (उदाहरण में, WebP) से अलग हो. content-type
एचटीटीपी हेडर, ब्राउज़र को बताता है कि यूआरएल किस फ़ॉर्मैट में है, ताकि वह यूआरएल को सही तरीके से प्रोसेस कर सके. अगर फ़ाइल को डिस्क पर सेव किया जाता है और कोई दूसरा प्रोग्राम उस फ़ाइल का इस्तेमाल करता है, तो इससे भ्रम की स्थिति बन सकती है. ऐसा तब होता है, जब फ़ाइल एक्सटेंशन से फ़ाइल की उम्मीद की जाती है.
किसी इमेज सीडीएन में इमेज अपलोड करने का एक और तरीका यह है कि आप इमेज को सीडीएन के एपीआई पर एचटीटीपी पोस्ट अनुरोध के ज़रिए भेजें.
सुरक्षा कुंजी
सुरक्षा कुंजी, दूसरे लोगों को आपकी इमेज के नए वर्शन बनाने से रोकती है. यह सुविधा चालू होने पर, किसी इमेज के हर नए वर्शन के लिए एक खास सुरक्षा कुंजी की ज़रूरत होती है.
अगर कोई व्यक्ति इमेज के यूआरएल के पैरामीटर बदलने की कोशिश करता है, लेकिन उसमें कोई मान्य सुरक्षा कुंजी नहीं देता, तो वह नया वर्शन नहीं बना पाएगा. आपका इमेज सीडीएन आपके लिए सुरक्षा कुंजियां जनरेट और ट्रैक करने की जानकारी का ध्यान रखता है.
ट्रांसफ़ॉर्मेशन
इमेज सीडीएन कई बार और कुछ मामलों में सैकड़ों अलग-अलग इमेज में बदलाव करते हैं. ये ट्रांसफ़ॉर्मेशन ऐक्शन, यूआरएल स्ट्रिंग में बताए जाते हैं और एक ही समय पर कई ट्रांसफ़ॉर्मेशन को इस्तेमाल करने पर कोई पाबंदी नहीं है. वेब की परफ़ॉर्मेंस के लिए, इमेज का साइज़, पिक्सल डेंसिटी, फ़ॉर्मैट, और कंप्रेस करना सबसे अहम हैं. इन बदलावों की वजह से, इमेज सीडीएन पर स्विच करने से आम तौर पर, आपकी साइट की इमेज फ़ाइलें छोटी हो जाती हैं.
आम तौर पर, परफ़ॉर्मेंस में बदलाव के लिए एक सबसे अच्छी सेटिंग होती है. इसलिए, कुछ इमेज सीडीएन इन बदलावों के लिए "अपने-आप" मोड की सुविधा देते हैं. उदाहरण के लिए, इमेज को WebP फ़ॉर्मैट में बदलने की जानकारी देने के बजाय, सीडीएन को अपने-आप सबसे सही फ़ॉर्मैट चुनने और दिखाने की अनुमति दी जा सकती है. इमेज सीडीएन, इन सिग्नल के साथ-साथ किसी इमेज को बदलने का सबसे अच्छा तरीका तय कर सकता है:
- क्लाइंट के संकेत (उदाहरण के लिए, व्यूपोर्ट की चौड़ाई, DPR, और इमेज की चौड़ाई)
Save-Data
हेडर- User-Agent अनुरोध का हेडर
- नेटवर्क जानकारी एपीआई
उदाहरण के लिए, इमेज CDN किसी Chrome ब्राउज़र पर AVIF, Edge ब्राउज़र पर WebP, और पुराने ब्राउज़र पर JPEG दिखा सकता है. ऑटो सेटिंग काफ़ी लोकप्रिय हैं, क्योंकि इनके ज़रिए इमेज को ऑप्टिमाइज़ करने में सीडीएन की विशेषज्ञता का फ़ायदा लिया जा सकता है. इमेज सीडीएन के साथ काम करते समय, नई टेक्नोलॉजी को अपनाने के लिए आपको अपने कोड में बदलाव करने की ज़रूरत नहीं होती.
इमेज सीडीएन के टाइप
इमेज सीडीएन की दो मुख्य कैटगरी होती हैं: खुद से मैनेज किया जाता है और तीसरे पक्ष से मैनेज किया जाता है.
खुद से मैनेज की जाने वाली इमेज के सीडीएन
खुद से मैनेज किया जाने वाला सीडीएन, इंजीनियरिंग स्टाफ़ वाली ऐसी साइटों के लिए अच्छा विकल्प हो सकता है जिन्हें अपने इन्फ़्रास्ट्रक्चर का रखरखाव करने में परेशानी हो.
- thumbsor, खुद से मैनेज किया जाने वाला सबसे लोकप्रिय इमेज सीडीएन है. यह ओपन सोर्स है और मुफ़्त में इस्तेमाल किया जा सकता है, लेकिन ज़्यादातर कमर्शियल सीडीएन के मुकाबले इसमें कम सुविधाएं हैं. साथ ही, इसके दस्तावेज़ सीमित तौर पर उपलब्ध हैं. थंबर का इस्तेमाल करने वाली साइटों में Wikipedia, Square, और 99designs शामिल हैं. इसे सेट अप करने के बारे में निर्देश पाने के लिए, thumbsor इमेज CDN को इंस्टॉल करने का तरीका देखें.
- इमैजिनरी
- इमेजर
तीसरे पक्ष की इमेज सीडीएन
तीसरे पक्ष की इमेज के सीडीएन, इमेज सीडीएन को सेवा के तौर पर उपलब्ध कराते हैं. जिस तरह क्लाउड सेवा देने वाली कंपनियां शुल्क लेकर सर्वर और अन्य इन्फ़्रास्ट्रक्चर उपलब्ध कराती हैं, उसी तरह इमेज सीडीएन, शुल्क देकर इमेज को ऑप्टिमाइज़ करने और डिलीवरी की सुविधा देते हैं. तीसरे पक्ष के इमेज सीडीएन में बुनियादी टेक्नोलॉजी मौजूद होती है. इसलिए, आम तौर पर किसी एक का इस्तेमाल तुरंत शुरू किया जा सकता है. हालांकि, किसी बड़ी साइट पर पूरी तरह से माइग्रेट होने में ज़्यादा समय लग सकता है. आम तौर पर, तीसरे पक्ष की इमेज के लिए सीडीएन इस्तेमाल के टीयर के आधार पर तय किए जाते हैं. ज़्यादातर इमेज सीडीएन, फ़्री टीयर या मुफ़्त में आज़माने की सुविधा देते हैं, ताकि आप अपने प्रॉडक्ट को आज़मा सकें.
कोई इमेज CDN चुनें
इमेज सीडीएन के कई अच्छे विकल्प हैं. कुछ में दूसरों के मुकाबले ज़्यादा सुविधाएँ होती हैं लेकिन इनमें से कोई भी एक चीज़ है जो आपको अपनी इमेज की बाइट बचाने में मदद कर सकती है और आपके पेजों को तेज़ी से लोड कर सकती है. इमेज के लिए सीडीएन चुनते समय सुविधाओं के सेट के अलावा, कीमत, सहायता, दस्तावेज़, और सेटअप या माइग्रेशन को आसान बनाने जैसी दूसरी बातें भी ध्यान में रखनी चाहिए.
सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) पर असर
इमेज कई वेबसाइटों पर उपयोगकर्ता अनुभव का अहम हिस्सा होती हैं. इसलिए, साइट के सबसे बड़े कॉन्टेंट को रेंडर करने में लगने वाले समय के लिए, इमेज की भूमिका बहुत अहम होती है. अगर आपको इमेज सीडीएन इस्तेमाल करने का फ़ैसला लेना है, तो इन बातों का ध्यान रखें:
- सीडीएन से दिखाई जाने वाली इमेज, क्रॉस-ऑरिजिन सर्वर से आ सकती हैं. इससे आपकी साइट के कनेक्शन को सेटअप करने में लगने वाला समय बढ़ सकता है. जब भी हो सके, तब किसी ऐसे इमेज सीडीएन का इस्तेमाल करें जो प्राइमरी ऑरिजिन से प्रॉक्सी करता हो, ताकि कनेक्ट करने के लिए ब्राउज़र में अलग से ऑरिजिन न जोड़े जा रहे हों. इसका असर वही होता है जो प्राइमरी ऑरिजिन पर, खुद को होस्ट करने वाली इमेज से होता है.
- एलसीपी इमेज एलिमेंट पर
fetchpriority
एट्रिब्यूट की वैल्यू"high"
का इस्तेमाल करें, ताकि ब्राउज़र उस इमेज को जल्द से जल्द लोड कर सके. - अगर शुरुआती एचटीएमएल में कोई इमेज तुरंत नहीं दिखती है, तो अपने एलसीपी उम्मीदवार की इमेज के लिए
rel=preload
वाला संकेत इस्तेमाल करें. इससे ब्राउज़र उस इमेज को समय से पहले लोड कर सकेगा. - अगर ब्राउज़र को ऑरिजिन के ज़रिए प्रॉक्सी करने की सुविधा नहीं मिल रही है और ब्राउज़र को यह पता नहीं चल पाएगा कि पेज लोड होने तक किस इमेज को लोड करना है, तो संभावित एलसीपी कैंडिडेट इमेज के रिसॉर्स लोड होने के चरण को कम करने के लिए, क्रॉस-ऑरिजिन इमेज सीडीएन के लिए जल्द से जल्द कनेक्शन सेट अप करें.