इमेज टूल की स्थिति देखें.
वेब पर इमेज डालना एक बात है, लेकिन उसे अच्छी तरह से डालना मुश्किल है. अगर हम खुद ही यह सब करते हैं, तो सही फ़ॉर्मैट, कंप्रेस करने का तरीका, हर इंच में बिंदुओं की संख्या (डीपीआई), और सैकड़ों अन्य सेटिंग चुनना आसानी से भूल सकते हैं.
अच्छी बात यह है कि आज हमारे पास ऐसे कई टूल और सेवाएं हैं जो हमारे लिए ये सभी काम कर सकती हैं. अच्छी बात यह है कि इनमें से बहुत सारे विज्ञापनों को ब्लॉक किया जा सकता है. यह चुनना मुश्किल हो सकता है कि आपके लिए कौनसा टूल या सेवा सही है. इसलिए, हम images.tooling.report लॉन्च कर रहे हैं. इस साइट पर, हम उन चीज़ों की सूची बनाते हैं जो हमें लगता है कि प्रोडक्शन में इमेज शिप करते समय सबसे ज़्यादा ज़रूरी हैं. साथ ही, इस साइट पर कुछ सबसे लोकप्रिय सॉफ़्टवेयर और सेवाओं की तुलना की जा सकती है. भले ही, वे पैसे चुकाकर ली जाने वाली हों या मुफ़्त हों, होस्ट की गई हों या खुद होस्ट की गई हों.
ऐसा क्यों है?
साइट पर ट्रांसफ़र किए गए बाइट में इमेज का बहुत बड़ा हिस्सा होता है—और ये बाइट इकट्ठा होते रहते हैं! असल में, हमें पता चला है कि बिना ऑप्टिमाइज़ की गई इमेज, पेज के कुल साइज़ का करीब 75% हिस्सा होती हैं. बर्बाद किए गए उन सभी बाइट की कीमत चुकानी पड़ती है. इसलिए, लाखों असली उपयोगकर्ता सेशन के अध्ययन में, कन्वर्ज़न पाने वाले पेजों पर उन पेजों की तुलना में 38% कम इमेज थीं जिन पर कन्वर्ज़न नहीं हुआ. तो क्या आपको अपनी सभी इमेज मिटा देनी चाहिए? बेशक आ जाओ. हालांकि, आपको यह पक्का करना चाहिए कि भेजी गई इमेज सभी उपयोगकर्ताओं के लिए ऑप्टिमाइज़ की गई हों. भले ही, वे किसी भी डिवाइस का इस्तेमाल करते हों.
यह क्या है?
ऑप्टिमाइज़ की गई इमेज दिखाने के लिए, सिर्फ़ “वेब के लिए सेव करें” पर क्लिक करना काफ़ी नहीं है. इसलिए, images.tooling.report कई तरह की सुविधाओं की जांच करता है. हम बुनियादी बातों के बारे में बताते हैं. जैसे, अलग-अलग टूल और सेवाएं कितनी कंप्रेसिंग करती हैं. साथ ही, नेटवर्क को ऑप्टिमाइज़ करने के बारे में भी बताते हैं. जैसे, लंबे समय तक काम करने वाले कैश हेडर.
हालांकि, हम सिर्फ़ यहीं तक नहीं रुकते. हमने Save-Data, ECT, और अन्य क्लाइंट के सुझाव जैसे बेहतर विकल्पों को खोजा है. इससे, हमें अपने-आप होने वाले साइकोविज़ुअल विश्लेषण की सुविधा मिल सकती है. यह सुविधा, डेटा मॉडल का इस्तेमाल करके इमेज को बार-बार कंप्रेस कर सकती है. इससे, हमें इमेज का ऐसा वर्शन मिल सकता है जिसमें सबसे कम बाइट का इस्तेमाल किया गया हो. हालांकि, इससे इमेज को देखने के तरीके में कोई बदलाव नहीं होगा. क्या इमेज को भेजने से पहले, उनमें से ग़ैर-विज़ुअल कॉन्टेंट को हटा दिया जाता है?
बेशक, हर साइट अलग होती है—कोई भी टूल या सेवा, हमारी सभी ज़रूरतों को पूरा नहीं करती. ऐसा होना ही चाहिए! इसलिए, हमने जिन चीज़ों की जांच की है उन्हें अलग-अलग कैटगरी में बांटा है. हम कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन), खुद होस्ट किए जाने वाले प्रोजेक्ट, कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस) प्लगिन, और साइट बिल्डर के बारे में बताते हैं. ये परिभाषाएं ज़्यादा सटीक नहीं हैं. इन्हें अलग-अलग विकल्पों की तुलना को ज़्यादा काम का बनाने के लिए बनाया गया है:
- कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस) के प्लग इन, ऐसे पैकेज होते हैं जिनकी मदद से WordPress जैसे प्लैटफ़ॉर्म पर आसानी से डेवलप किया जा सकता है.
- साइट बिल्डर, कई अलग-अलग सेवाओं की तुलना करते हैं. इन सेवाओं का इस्तेमाल करके, वेबसाइट बनाई जा सकती है.
- खुद होस्ट करना सुविधा उन डेवलपर के लिए है जो आसानी से किसी Git प्रोजेक्ट को क्लोन कर सकते हैं या प्रोडक्शन में अपनी Docker इमेज चला सकते हैं.
- सीडीएन थोड़े ज़्यादा जटिल होते हैं. इनमें से कुछ, पारंपरिक तौर पर सीडीएन हैं. हालांकि, कुछ ऐसी सेवाएं हैं जो आपकी इमेज को एज पर प्रॉक्सी या होस्ट करती हैं.
हर समय सभी के लिए सब कुछ नहीं किया जा सकता. हालांकि, आपको उन टेस्ट और सुविधाओं की जांच करनी चाहिए जिनका आकलन किया जा रहा है. साथ ही, यह भी देखना चाहिए कि आपका इमेज ऑप्टिमाइज़र कैसा परफ़ॉर्म कर रहा है! अगर आपने इमेज ऑप्टिमाइज़ेशन के लिए अब तक कुछ नहीं किया है, तो क्या करें? ऐसे में, इमेज टूल का इस्तेमाल करके देखें कि आपकी साइट का इस्तेमाल कर रहे लोगों को क्या फ़ायदे मिल सकते हैं.
आगे क्या करना है?
क्या आपको लगता है कि हमने इमेज से जुड़ा कोई टूल या सेवा शामिल नहीं की है? हमें बताएं! टूल और सेवाएं, दोनों ही लगातार अपडेट होती रहती हैं. साथ ही, टेस्ट भी अपडेट होते रहते हैं. जब भी आपको शिपिंग इमेज से जुड़ी नई जानकारी चाहिए, तो सबसे पहले images.tooling.report पर जाएं.
Unsplash पर माइकल मासेन की हीरो इमेज.