imgix transforms, optimizes, and delivers your visual media for faster pages, higher engagement, and a simpler workflow.
छवियाँ वेब पृष्ठों और मोबाइल ऐप्स में जान डालती हैं। प्रभावी इमेज प्रोसेसिंग आपके इच्छित प्रभाव को प्राप्त करने और इष्टतम वेब प्रदर्शन प्राप्त करने के लिए महत्वपूर्ण है। हालांकि, सभी इमेज प्रोसेसिंग तकनीकें आसान, भरोसेमंद या रीयल-टाइम में नहीं की जाती हैं।
इस ब्लॉग पोस्ट में, हम संक्षेप में तीन प्रकार की इमेज प्रोसेसिंग का वर्णन करेंगे: मैनुअल, बैकएंड और ऑन-द-फ्लाई इमेज प्रोसेसिंग। इसके बाद हम आपको दिखाएंगे कि क्यों ऑन-द-फ्लाई इमेज प्रोसेसिंग बेहतर परिणाम प्रदान करता है।
अधिक उत्तरदायी वेब पेजों के लिए उपयोगकर्ता की अपेक्षाओं को पूरा करने के लिए, कई डिज़ाइनर और डेवलपर मैन्युअल रूप से एक ही इमेज के कई संस्करण बनाते हैं, जो अलग-अलग स्क्रीन आकार, डिवाइस रिज़ॉल्यूशन और पेज लेआउट के अनुरूप होते हैं।
इस तरीके से काफी दिक्कतें होती हैं।
बैकएंड इमेज प्रोसेसिंग के साथ, सॉफ्टवेयर स्वचालित रूप से डिवाइस और ब्राउज़रों की एक श्रृंखला को पूरा करने के लिए मूल छवि के कुछ संस्करण उत्पन्न करता है। बैकएंड इमेज प्रोसेसिंग सॉफ्टवेयर भविष्य में उपयोग के लिए सभी प्रदान की गई छवियों को स्थानीय रूप से या क्लाउड में संग्रहीत करता है। यह विधि बहुत सारे डिज़ाइन और वेब विकास के समय को बचाती है और मैन्युअल प्रक्रिया में पाई जाने वाली कई त्रुटियों को समाप्त करती है।
बैकएंड प्रोसेसिंग अक्सर एक बार के समाधान के रूप में इन-हाउस बनाए गए सॉफ़्टवेयर का उपयोग करके किया जाता है। इमेजमैजिक और थंबोर जैसे ऑफ-द-शेल्फ टूल भी लोकप्रिय विकल्प हैं।
यदि आप बैकएंड इमेज प्रोसेसिंग पर स्विच करते हैं, तो आपको अभी भी वही समस्याएं होंगी जो आपको मैनुअल इमेज प्रोसेसिंग के साथ होती हैं। आपको अभी भी छवि के सभी संस्करणों को संग्रहित करना होगा, जिसमें पैसा खर्च होता है। बहुत सारी छवियों वाली एक बड़ी साइट के लिए और उपयोगकर्ता-जनित सामग्री वाली साइटों के लिए, लागत बहुत अधिक होती है।
इसका मतलब है कि आपके पास आमतौर पर आपके कई उपयोगकर्ताओं के लिए सबसे छोटी फ़ाइल आकार में सबसे अच्छी दिखने वाली छवि नहीं होती है। इन सबऑप्टिमल फ़ाइलों को डाउनलोड होने में भी अधिक समय लगता है, जो उपयोगकर्ता के अनुभव को और नुकसान पहुँचाती हैं।
यहां बैकएंड इमेज प्रोसेसिंग से जुड़ी समस्याओं का सारांश दिया गया है:
ऑन-द-फ्लाई इमेज प्रोसेसिंग एक नई, अधिक उन्नत तकनीक है, और लगातार बैकएंड इमेज प्रोसेसिंग की जगह ले रही है।
चलते-फिरते छवियों को संसाधित करने के लिए, सॉफ्टवेयर वास्तविक समय में सबसे अच्छा छवि संस्करण प्रस्तुत करता है, जब उपयोगकर्ता को इसकी आवश्यकता होती है, बजाय इसके कि पहले से रेंडर का एक सेट तैयार किया जाए। एक बार एक छवि प्रदान की जाती है, यह मूल संग्रहण के बजाय कैश में संग्रहीत होती है।
प्रत्येक उपयोगकर्ता को सबसे छोटी फ़ाइल आकार में, और सबसे तेज़ लोड समय में सबसे आकर्षक छवि मिलती है:
ऑन-द-फ्लाई इमेज प्रोसेसिंग अधिकांश काम और व्यय को आपसे दूर ले जाती है और वास्तव में अनुकूलित परिणाम प्रदान करती है।
यह तालिका मैनुअल इमेज प्रोसेसिंग, बैकएंड इमेज प्रोसेसिंग और ऑन-द-फ्लाई इमेज प्रोसेसिंग की तुलना करती है। हालाँकि, तालिका पूरी तरह से यह नहीं बता सकती है कि नई तकनीक कितनी आसान और बेहतर है। जिन लोगों ने पुराने तरीकों से संघर्ष किया है, उनके लिए ऑन-द-फ्लाई इमेज प्रोसेसिंग थोड़ा जादुई लगता है; बहुत कम काम, बहुत कम लागत, और उपयोगकर्ता के लिए बहुत बेहतर अनुभव - सभी बेहतर व्यावसायिक परिणाम देने वाले।
मूर्ति प्रोद्योगिकी | नियमावली | बैकएंड | उड़ान पर |
---|---|---|---|
सर्वोत्तम संपीड़न का उपयोग | नहीं | नहीं | हाँ |
अतिरिक्त भंडारण लागत | उच्च | उच्च | कोई नहीं |
बैंडविड्थ की लागत | उच्च | उच्च | कम |
छवि लोड समय | धीमा | धीमा | तेज़ |
प्रयोगकर्ता का अनुभव | गरीब | गरीब | उत्कृष्ट |
उपयोगकर्ता-जनित छवि सामान्यीकरण | गरीब | गरीब | उत्कृष्ट |
ऑन-द-फ्लाई छवि प्रसंस्करण के साथ, आप एक मूल छवि बनाते हैं, और फिर कुछ नियम निर्धारित करते हैं। आप या तो वे मान निर्दिष्ट कर सकते हैं जिन्हें आप विभिन्न मापदंडों के लिए उपयोग करना चाहते हैं या सॉफ़्टवेयर को आपके लिए छवि, संपीड़न आदि को अनुकूलित करने दें।
एक लोकप्रिय विज़ुअल मीडिया लक्ष्य छवि के रंगों को स्वचालित रूप से बढ़ाना है, विशेष रूप से उपयोगकर्ता-जनित छवियों के साथ। imgix रंग बढ़ाने के विकल्पों का एक पूरा सेट प्रदान करता है।
ऑन-द-फ्लाई इमेज प्रोसेसिंग द्वारा हासिल किया गया एक अन्य सामान्य लक्ष्य srcsets , HTML कोड की स्वचालित पीढ़ी है जो ब्राउज़र को चुनने के लिए कई अलग-अलग छवियां प्रदान करता है। आप विभिन्न डिवाइस रिज़ॉल्यूशन के लिए स्वचालित srcset जनरेशन का उपयोग कर सकते हैं। आप इस और संबंधित विषयों पर हमारे नए वीडियो में यह कैसे काम करता है इसका एक डेमो देख सकते हैं।
लागत में अपने कई लाभों के साथ, उपयोग में आसानी, और अंत-उपयोगकर्ता अनुभव, ऑन-द-फ्लाई इमेज प्रोसेसिंग छवि-गहन, उच्च-ट्रैफिक वेबसाइटों के लिए बैकएंड प्रोसेसिंग का एक बेहतर विकल्प है।
imgix ऑन-द-फ्लाई इमेज प्रोसेसिंग में अग्रणी है, जो एक वैश्विक छवि CDN के माध्यम से मजबूत परिवर्तन, सरल परिनियोजन और तेजी से वितरण प्रदान करता है। यदि आपके पास छवि अनुकूलन या imgix के बारे में कोई प्रश्न हैं, तो हमसे support@imgix.com पर संपर्क करें या एक मुफ़्त खाते के लिए साइन अप करें ।
यहाँ भी प्रकाशित हुआ।
क्यों ऑन-दि-फ्लाई इमेज प्रोसेसिंग मैनुअल और बैकएंड प्रोसेसिंग से बेहतर है | HackerNoon