images.tooling.report की मदद से अपनी साइट को बेहतर बनाएं

इमेज टूलिंग की स्थिति देखें.

Patrick Kettner
Patrick Kettner

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

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

ऐसा क्यों हुआ?

किसी साइट पर ट्रांसफ़र की जाने वाली बाइट का एक बड़ा हिस्सा इमेज के रूप में होता है—और ये बाइट भी अलग-अलग होते हैं! असल में, हमने पाया है कि ऑप्टिमाइज़ नहीं की गई इमेज पेज के कुल साइज़ का करीब 75% हैं. इन सभी बेकार बाइट की लागत आती है. यही वजह है कि लाखों असली उपयोगकर्ता सेशन की स्टडी में, रूपांतरित न होने वाले पेजों की तुलना में रूपांतरित होने वाले पेजों में 38% कम इमेज थीं. तो क्या आपको अपनी सभी इमेज मिटानी चाहिए? बेशक आ जाओ. हालांकि, आपको यह पक्का करना चाहिए कि आप जो इमेज भेजें वे सभी उपयोगकर्ताओं के लिए ऑप्टिमाइज़ की गई हों, चाहे वे किसी भी डिवाइस का इस्तेमाल कर रहे हों.

यह क्या है?

ऑप्टिमाइज़ की गई इमेज को सिर्फ़ “वेब के लिए सेव करें” पर क्लिक करने के अलावा और भी कई सुविधाएं मिलती हैं. यही वजह है कि images.tooling.report, जिसमें कई तरह की सुविधाओं की जांच की जाती है. हम बुनियादी बातों पर चर्चा करते हैं, जैसे कि अलग-अलग टूल और सेवाओं की कंप्रेस की गई फ़ाइलों की संख्या. साथ ही, लंबे समय तक चलने वाले कैश हेडर जैसे नेटवर्क ऑप्टिमाइज़ेशन की जानकारी भी दी गई है.

हालांकि, हम यहीं तक सीमित नहीं हैं. हमने Save-Data, ECT के लिए सहायता, और अन्य क्लाइंट के सुझाव जैसे और बेहतर विकल्पों की खोज की, ताकि अपने-आप साइकोविज़ुअल विश्लेषण का पता लगाया जा सके. इस विश्लेषण में, इमेज को बार-बार कंप्रेस करने के लिए डेटा मॉडल का इस्तेमाल किया जा सकता है. इसकी मदद से, हम ऐसा वर्शन ढूंढ पाते हैं जो हमारी आंखों का मोड बदले बिना कम से कम बाइट लेता है. क्या तार भेजने से पहले, आपको अपनी इमेज से हर आखिरी नॉन-विज़ुअल बिट को निकालना है?

गहरे रंग वाले मोड में images.tooling.report के लैंडिंग पेज का स्क्रीनशॉट.

बेशक, हर साइट एक स्नोफ़्लेक है. किसी भी एक टूल या सेवा ने वह काम नहीं किया जो हम चाहते थे. ऐसा होना चाहिए! इसलिए, हमने उन चीज़ों को अलग-अलग कैटगरी में रखकर उनकी जांच की. इसमें हम कॉन्टेंट डिलीवरी नेटवर्क (सीडीएन), खुद होस्ट किए जाने वाले प्रोजेक्ट, कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस) के प्लगिन, और साइट बिल्डर के बारे में जानकारी देते हैं. ये काफ़ी ढीली परिभाषाएं हैं, जिनका इस्तेमाल करके अलग-अलग विकल्पों की तुलना को ज़्यादा काम का बनाने के लिए किया जाता है:

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

हर किसी के लिए हर समय ऐसा नहीं हो सकता, लेकिन आपको जांच की जा रही जांच और सुविधाओं को देखना चाहिए. साथ ही, यह भी देखना चाहिए कि आपका इमेज ऑप्टिमाइज़र कैसा परफ़ॉर्म कर रहा है! और क्या होगा अगर आज आप इमेज ऑप्टिमाइज़ेशन के लिए कुछ नहीं कर रहे हैं? इसके बाद, इमेज टूल की जांच करने का सही समय आ गया है. इससे आपको यह भी पता चलेगा कि आपकी साइट का पहले से इस्तेमाल कर रहे लोगों को किस तरह के फ़ायदे मिल सकते हैं.

आगे क्या करना है?

क्या आपको लगता है कि हमसे कोई इमेज टूल या सेवा छूट गई है? हमें बताएं! टूल और सेवाएं, और टेस्ट, दोनों ही हमारे सिस्टम को अपडेट करने का काम करते हैं. शिपिंग की इमेज में मौजूद आधुनिक जानकारी को देखने के लिए किसी जगह पर जाएं, तो पक्का करें कि आप सबसे पहले images.tooling.report पर जाएं.

Unस्प्लैश पर माइकल मासन की हीरो इमेज.