सीमलेस पॉइंट-ऑफ़-इंटरेस्ट क्रॉपिंग: ऑटोमेटिंग इमेज फोकस एक्सट्रैक्शन

छवियों को बेहतर बनाने के लिए क्रॉपिंग एक महत्वपूर्ण तकनीक है। अनावश्यक पृष्ठभूमि की जानकारी को हटाने या छवि के पहलू अनुपात को बदलने से छवि पर दर्शक का ध्यान केंद्रित करने में काफी सुधार हो सकता है। imgix चेहरे की पहचान सहित कई क्रॉपिंग विधियों की पेशकश करता है। यह ट्यूटोरियल स्वचालित पॉइंट-ऑफ़-इंटरेस्ट क्रॉपिंग ( crop=entropy ) पर ध्यान केंद्रित करेगा और आप छवि के सबसे प्रमुख, या महत्वपूर्ण पहलुओं को क्रॉप करने के लिए इसका उपयोग कैसे कर सकते हैं। विशेष रूप से, उच्च कंट्रास्ट वाले क्षेत्रों को सबसे प्रमुख माना जाता है।

बेसिक एंट्रॉपी क्रॉपिंग

मान लीजिए कि हम छवि से बड़ी मात्रा में स्थिर काली पृष्ठभूमि को हटाने के लिए निम्नलिखित छवि को क्रॉप करना चाहते हैं।

umbrella.jpg?w=640

पहला कदम w और h पैरामीटर और fit=crop मोड सेट करना है। यह चयनित चौड़ाई और ऊंचाई की सीमाओं को भरने के लिए छवि का आकार बदल देगा, और फिर किसी भी अतिरिक्त छवि डेटा को क्रॉप कर देगा।

fit=crop

चौड़ाई: w=200
ऊँचाई: एच = 200
फिट: फिट = फसल

umbrella.jpg?w=200&h=200&fit=crop

imgix की डिफ़ॉल्ट क्रॉपिंग छवि के केंद्र में शुरू होती है, जो दिए गए मापदंडों के बाहर आने वाले डेटा को हटाती है। हालाँकि, छवि को क्रॉप करने के अलावा, हम यह भी चाहते हैं कि छाता केंद्र में हो। ऐसा करने के लिए, हम क्वेरी स्ट्रिंग में crop=entropy जोड़ते हैं ताकि "मध्य" छवि का सबसे प्रमुख पहलू बन जाए। छाता पूरी तरह से बाकी छवि के विपरीत है, इसलिए यह फोकस बन जाता है।

fit=crop&crop=entropy

फसल: फसल = एन्ट्रॉपी

umbrella.jpg?w=200&h=200&fit=crop&crop=entropy

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

फेस-सेंटर्ड क्रॉपिंग का एक विकल्प

मान लीजिए कि हम मॉडल पर केंद्र में निम्न छवि का आकार बदलना और क्रॉप करना चाहते हैं।

womanlandscape.jpg?w=640

छवि को तिहाई के नियम का उपयोग करते हुए लिया गया था, जिससे मॉडल को ऑफ-सेंटर बनाए रखते हुए एक नेत्रहीन-आकर्षक छवि की अनुमति मिली। हालाँकि, हम एक वेबसाइट पर कई स्थानों पर उपयोग करने के लिए इमेज के छोटे स्निपेट भी बनाना चाहते हैं।

fit=crop

womanlandscape.jpg?w=200&h=200&fit=crop

चूंकि क्रॉपिंग कार्यक्षमता छवि के केंद्र पर केंद्रित है, और मॉडल ऑफ-सेंटर है, इसलिए वह पूरी तरह से स्निपेट में दिखाई नहीं देती है। हम छवि को उसके चेहरे के चारों ओर केंद्रित करने के लिए चेहरा-पहचान काटने की कार्यक्षमता का उपयोग कर सकते हैं।

fit=crop&crop=faces

womanlandscape.jpg?w=200&h=200&fit=crop&crop=faces

फेस-डिटेक्शन क्रॉप मोड ने उसके चेहरे का सफलतापूर्वक पता लगा लिया और छवि को उसके चारों ओर केंद्रित कर दिया। हालाँकि, हम उसके पहनावे में भी रुचि रखते हैं, और यह पूरी तरह से फ्रेम में नहीं है। मॉडल का घुटना आंशिक रूप से छिपा हुआ है, इसलिए हम इसके बजाय crop=entropy जोड़ते हैं ताकि दृश्य में संपूर्ण पोशाक शामिल हो।

fit=crop&crop=entropy

womanlandscape.jpg?w=200&h=200&fit=crop&crop=entropy

एंट्रॉपी क्रॉपिंग कैसे काम करती है?

जबकि फेस क्रॉप मोड चेहरों की तलाश करता है और क्रॉपिंग के लिए उन पर केंद्रित होता है, एंट्रॉपी क्रॉप मोड उच्च-विपरीत क्षेत्रों की तलाश करता है और उन पर ध्यान केंद्रित करता है।

fit=crop

fit=crop

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

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

fit=crop&crop=entropy

अधिक जानने के लिए, imgix प्रलेखन पृष्ठ देखें।

• एक निःशुल्क आईमगिक्स खाता बनाने के लिए, यहां क्लिक करें
• डेमो का अनुरोध करने या हमसे कोई प्रश्न पूछने के लिए, यहां क्लिक करें