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