paint-brush
विश्वास, वैयक्तिकरण और दक्षता के लिए यूजीआई को गतिशील रूप से संसाधित करना द्वारा@imgix
145 रीडिंग

विश्वास, वैयक्तिकरण और दक्षता के लिए यूजीआई को गतिशील रूप से संसाधित करना

द्वारा imgix
imgix HackerNoon profile picture

imgix

@imgix

imgix transforms, optimizes, and delivers your visual media for faster...

5 मिनट read2023/05/10
Read on Terminal Reader
Read this story in a terminal
Print this story

बहुत लंबा; पढ़ने के लिए

उपयोगकर्ता-जनित सामग्री (यूजीआई) लगातार बढ़ते उपयोगकर्ता आधार के निर्माण के लिए बहुत अच्छी है। यूजीआई के साथ काम करना मुश्किल है, और इसे गलत करने का जुर्माना बहुत अधिक हो सकता है। इस लेख में, हम आपको दिखाएंगे कि यूजीआई को प्रोग्रामेटिक रूप से कैसे संसाधित किया जाए।
featured image - विश्वास, वैयक्तिकरण और दक्षता के लिए यूजीआई को गतिशील रूप से संसाधित करना
imgix HackerNoon profile picture
imgix

imgix

@imgix

imgix transforms, optimizes, and delivers your visual media for faster pages, higher engagement, and a simpler workflow.


यदि आप एक ऑनलाइन मार्केटप्लेस का प्रबंधन करते हैं जो उपयोगकर्ता के जुड़ाव और सामाजिक साझाकरण पर निर्भर करता है, तो उपयोगकर्ता-जनित सामग्री और छवियां (UGC/UGI) कुछ सबसे मूल्यवान संपत्ति हैं। येल्प जैसी साइटों की समीक्षा करने से उपयोगकर्ता तस्वीरों के माध्यम से रेस्तरां की गुणवत्ता के बारे में बड़बड़ाते हैं या उसका रोना रोते हैं। यात्रा साइटें प्रोपराइटरों को सुंदर शॉट्स और वीडियो के साथ आगंतुकों को आकर्षित करने में मदद करती हैं। अंत में, अनस्प्लैश जैसी फोटो-शेयरिंग साइट्स फोटोग्राफर्स को उनकी अनूठी संवेदनशीलता दिखाने और एक्सपोजर हासिल करने में मदद करती हैं।


हालाँकि, UGI के साथ काम करना मुश्किल है, और इसे गलत करने का जुर्माना बहुत अधिक हो सकता है। इस लेख में, हम आपको दिखाएंगे कि यूजीआई को प्रोग्रामेटिक रूप से कैसे संसाधित किया जाए, ताकि आप विश्वास बना सकें, उपयोगकर्ता अनुभव में सुधार कर सकें और अपने वर्कफ़्लो को सरल बना सकें।


उपयोगकर्ता-जनित सामग्री के लाभ

उपयोगकर्ता-जनित सामग्री, विशेष रूप से चित्र और वीडियो, लगातार बढ़ते उपयोगकर्ता आधार के निर्माण के लिए बहुत अच्छा है। यदि आप अपनी साइट या ऐप पर एक स्वस्थ पारिस्थितिकी तंत्र का निर्माण करते हैं, तो आप इन तीन तरीकों से UGI की शक्ति का उपयोग कर सकते हैं:


  • विश्वास: दोस्त, पड़ोसी, सहकर्मी और सहकर्मी एक-दूसरे पर मार्केटिंग संदेशों पर भरोसा करने से कहीं अधिक भरोसा करते हैं। स्टैकला द्वारा हाल ही में किए गए एक अध्ययन में पाया गया कि 60% उपभोक्ता परिवार और दोस्तों की सलाह पर खरीदारी का निर्णय लेते हैं। जब संबंध प्रामाणिक होता है, तो अधिक विश्वास होता है।


  • निजीकरण: लोगों की पसंद और प्राथमिकताएं अद्वितीय होती हैं। बढ़ी हुई वैयक्तिकता की दुनिया में, उपयोगकर्ता वैयक्तिकरण चाहते हैं। उपयोगकर्ता-जनित सामग्री आला दर्शकों तक पहुँचने और उनकी ज़रूरतों को पूरा करने का एक शानदार तरीका है।


  • लागत-प्रभावशीलता: और तो और, उपयोगकर्ताओं से छवियां प्राप्त करना अक्सर सामग्री उत्पन्न करने का अधिक व्यावहारिक और लागत-प्रभावी तरीका होता है, विशेष रूप से ऑनलाइन मार्केटप्लेस के लिए।


उपयोगकर्ता-जनित छवियों को संसाधित करते समय किस पर ध्यान देना चाहिए

यदि आप यूजीसी के साथ काम कर रहे हैं, तो संभावना है कि आप प्रतिदिन यूजीआई के हजारों, लाखों नहीं, के साथ काम कर रहे हैं। चित्र अनुभवहीन प्रभावितों, अनुभवी फ़ोटोग्राफ़रों या बीच के किसी भी व्यक्ति के हो सकते हैं। नतीजतन, इन छवियों में स्वरूपों, आकारों और गुणों की एक विशाल श्रृंखला हो सकती है।


दूसरी ओर, सामग्री का उपभोग करने वाले आपके साइट विज़िटर अभी भी सर्वोत्तम अनुभव की अपेक्षा करते हैं, जिसमें निम्न शामिल हैं:


  • फास्ट इमेज लोडिंग और पेज स्पीड
  • उत्तरदायी डिजाइन और डिवाइस अनुकूलनशीलता
  • मानकीकृत प्रारूप और संरचना
  • ब्रांड सुरक्षा और सामग्री मॉडरेशन


उपयोगकर्ता की अपेक्षाओं और UGI प्रसंस्करण की चुनौतियों के बीच अंतर को पाटना कठिन हो सकता है। और इन सभी जरूरतों को हल करने वाला एक सरल समाधान खोजना लगभग असंभव लग सकता है। हालांकि, लागत प्रभावी, विश्वसनीय और स्केलेबल समाधान हैं, और इस लेख के बाकी हिस्सों में, हम आपको दिखाएंगे कि वे वास्तव में क्या हैं और आप उन्हें कितनी आसानी से लागू कर सकते हैं।


1. फास्ट लोडिंग और पेज स्पीड के लिए ऑप्टिमाइज़ करना

छवियां और वीडियो, विशेष रूप से उपयोगकर्ताओं द्वारा उत्पन्न, अक्सर एक वेब पेज पर सबसे बड़ी फाइलें होती हैं, जिससे पृष्ठ की गति धीमी हो जाती है। यदि एसईओ आपके व्यवसाय के लिए महत्वपूर्ण है, तो आपको छवियों को अनुकूलित और संपीड़ित करने का प्रयास करना चाहिए, जिससे आपके पृष्ठ की गति, कोर वेब विटल्स और बदले में आपके खोज परिणामों में सुधार हो सकता है। इमेजिक्स के साथ, आप छवि फ़ाइल आकार को कम करने और पृष्ठ गति को तेज करने के लिए तीन सामान्य तकनीकों को जोड़ सकते हैं:


  • AVIF या WebP जैसे नेक्स्ट-जेन फॉर्मेट में इमेज परोसें
  • छवि आयामों का उचित आकार बदलें
  • Imgix को सर्वोत्तम-प्रयास संपीड़न लागू करने दें


नीचे दिए गए उदाहरणों में, मूल छवि का फ़ाइल आकार 3.3MB है। अनुकूलित छवि, समान दिखने के बावजूद, केवल 215kB का फ़ाइल आकार है, जो मूल से 93% छोटा है। इससे लोडिंग स्पीड में काफी सुधार होगा। इसे URL क्वेरी स्ट्रिंग - fm=webp&auto=compress&w=2000 के रूप में तीन सरल परिवर्तनों का उपयोग करके प्राप्त किया गया है।


मूल छवि - 3.3 एमबी


2023-01-अडॉप्टिमाइज्ड-गोल्डनगेट-इमगिक्स

2023-01-अडॉप्टिमाइज्ड-गोल्डनगेट-इमगिक्स


अनुकूलित छवि - 215kB । लिंक पर क्लिक करें और आकार में कमी देखें।


2023-01-अनुकूलित-गोल्डनगेट-इमगिक्स

2023-01-अनुकूलित-गोल्डनगेट-इमगिक्स


2. उत्तरदायी डिजाइन

उपकरणों और ब्राउज़रों के प्रसार के साथ, आप विभिन्न वातावरणों के अनुकूल होने और प्रत्येक में अच्छा दिखने के लिए केवल एक छवि संस्करण पर भरोसा नहीं कर सकते। इसके विपरीत, विभिन्न आयामों के लिए मैन्युअल रूप से व्युत्पन्न फाइलें बनाना श्रम-गहन और मुश्किल से मापनीय है।


सौभाग्य से, <srcset> विशेषता ब्राउज़र को उपलब्ध विकल्पों के आधार पर सर्वोत्तम छवि आकार की पहचान करने के लिए निर्देशित करके उस आवश्यकता को कम करती है। इसके अतिरिक्त, आप कला निर्देशन के लिए इमेजिक्स और <picture> तत्व का उपयोग कर सकते हैं।



3. दृश्य गुणवत्ता और संरचना का मानकीकरण करें

अधिकांश उपयोगकर्ता-जनित छवियां पेशेवर रूप से नहीं बनाई जाती हैं। वे अक्सर बहुत चमकीले, बहुत काले, या बस एक दूसरे से बहुत असंगत होते हैं। दृश्य गुणवत्ता और सामंजस्य में सुधार करने के लिए, आपको छवि संवर्द्धन के एक मानक सेट पर विचार करना चाहिए। और यदि आप एक दिन में हजारों या अधिक यूजीआई संसाधित कर रहे हैं, तो स्वचालन आपको काफी समय बचाने में मदद कर सकता है।


  • ऑटो = सच - आरजीबी चैनलों में हाइलाइट्स, मिडटोन और छाया के वितरण को समायोजित करके छवि को और अधिक जीवंत बनाता है
  • auto=redeye — रेड-आई रिमूवल प्रदान करता है


चेहरों को फोकस करना और फ्रेम करना भी जरूरी है। एक समाचार विषय की चेहरे की अभिव्यक्ति, अगर ज़ूम इन और उचित रूप से क्रॉप की जाती है, तो अक्सर किसी भी शब्द की तुलना में अधिक बारीक कहानी बता सकती है। और यदि आप उपयोगकर्ताओं से उत्पाद समीक्षाएँ होस्ट करते हैं, तो उपयोगकर्ता अवतार प्रामाणिकता और विश्वसनीयता जोड़ेंगे। कई Imgix API पैरामीटर चेहरों का पता लगाना, फ़्रेम करना और क्रॉप करना आसान बनाते हैं:


  • फेसइंडेक्स - छवि को केंद्रित करने के लिए एक चेहरे का चयन करता है। आप किसी विशेष चेहरे को अलग कर सकते हैं या एकाधिक चेहरों को शामिल कर सकते हैं। नीचे दिए गए उदाहरण में, हमने faceindex=2 और कुछ अन्य मापदंडों का उपयोग करके बच्चे के चेहरे का चयन किया।


2022-11-ब्लॉग-यूसीजी-फेसइंडेक्स

2022-11-ब्लॉग-यूसीजी-फेसइंडेक्स


  • फ़ेसपैड — चेहरों के चारों ओर पैडिंग की मात्रा निर्धारित करता है. नीचे दिए गए उदाहरण में, कुछ अन्य मापदंडों के साथ, हम facepad=1 उपयोग करके मॉडल के चेहरे पर ज़ूम इन करते हैं।


2022-11-ब्लॉग-यूसीजी-फेसफेसपैड

2022-11-ब्लॉग-यूसीजी-फेसफेसपैड


  • मुखौटा - एक छवि पर एक मुखौटा सेट करता है। नीचे दिए गए उदाहरण में, कुछ अन्य मापदंडों के साथ, हमने mask=ellipse उपयोग करके मॉडल के चेहरे के चारों ओर एक गोलाकार मास्क लगाया।


2022-11-ब्लॉग-यूसीजी-मास्क

2022-11-ब्लॉग-यूसीजी-मास्क


बस ध्यान देने वाली बात यह है कि इमगिक्स चेहरे की जानकारी संग्रहीत नहीं करता है या चित्रों में किसी व्यक्ति की पहचान नहीं करता है। सभी पहचान तत्काल होती हैं और ईयू डेटा संरक्षण नियमों का अनुपालन करती हैं।


4. सामग्री की निगरानी और मॉडरेशन

UGIs के साथ, सामग्री सुरक्षा एक अन्य उच्च-दांव पर विचार है। Imgix एसेट मैनेजर संभावित रूप से हिंसक, वयस्क, या अन्यथा संदिग्ध सामग्री का स्वतः पता लगाने में आपकी सहायता कर सकता है। सामग्री अलर्ट उपयोगकर्ता द्वारा जेनरेट की गई छवियों को तेज़ और आसान व्यवस्थित करते हैं, और आप सामग्री मॉडरेशन को अधिक प्रभावी ढंग से स्वचालित कर सकते हैं।



2022-11-ब्लॉग-यूसीजी-एसेट-मैनेजर

2022-11-ब्लॉग-यूसीजी-एसेट-मैनेजर


उपयोगकर्ता-जनित इमेज प्रोसेसिंग के साथ आरंभ करें

जैसे-जैसे उपयोगकर्ता-जनित सामग्री की मात्रा, विविधता और जटिलता बढ़ती है, यह आप और आपकी टीम पर दबाव बढ़ा सकता है। हमने इमगिक्स का निर्माण किया है ताकि आप अपने आगंतुकों को सर्वोत्तम दृश्य अनुभव प्रदान कर सकें, पृष्ठ प्रदर्शन में सुधार कर सकें, और अपने डेवलपर्स और डिजाइनरों के लिए अनावश्यक काम खत्म कर सकें।



इस आलेख में जो दिखाया गया है वह केवल Imgix की पेशकश की सतह को खरोंचता है। यह देखने के लिए निम्नलिखित संसाधनों की जाँच करें कि आपकी विज़ुअल मीडिया आवश्यकताओं के साथ Imgix आपकी मदद कैसे कर सकता है।



हमारे ग्राहकों ने यूजीआई के साथ कैसे काम किया है, यह देखने के लिए इन केस स्टडीज को पढ़ें।


L O A D I N G
. . . comments & more!

About Author

imgix HackerNoon profile picture
imgix@imgix
imgix transforms, optimizes, and delivers your visual media for faster pages, higher engagement, and a simpler workflow.

लेबल

इस लेख में चित्रित किया गया था...

Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite
Also published here