आपके लोगो का पाँचवाँ हिस्सा गोले के बाहर है

चौकोर तस्वीर को गोले में क्रॉप कीजिए और क्षेत्रफल का लगभग 79 प्रतिशत बचता है। जो पाँचवाँ हिस्सा गया वह पूरा कोनों का है, और चौकोर लोगो आम तौर पर वही चीज़ें कोनों में रखता है जो उसे चौकोर लोगो बनाती हैं।

लगभग हर प्लेटफ़ॉर्म अब प्रोफ़ाइल फ़ोटो को गोले में क्रॉप करता है, और लगभग हर ब्रांड एसेट चौकोर बना था। पूरी समस्या यही बेमेल है।

असल में वह किस आकार पर दिखती है?

आपके अपलोड किए संस्करण से कहीं छोटी। प्रोफ़ाइल फ़ोटो पोस्ट और कमेंट के बगल में लगभग चालीस पिक्सेल चौड़ी दिखती है, और प्रोफ़ाइल पेज का बड़ा संस्करण कहीं कम देखा जाता है।

कहाँ लगभग
कमेंट के बगल में 24–32 px
फ़ीड पोस्ट के हेडर में 32–48 px
फ़ॉलोअर सूची में 48–56 px
प्रोफ़ाइल पेज पर 100–180 px

डिज़ाइन पहली पंक्ति के लिए करना है। तीस पिक्सेल पर एक आकृति या दो अक्षरों की जगह है, और उससे ज़्यादा कुछ भी एक धब्बा बन जाता है जो किसी आम डिफ़ॉल्ट जैसा लगता है।

फिर भी बहुत बड़े आकार पर अपलोड करना सही है, क्योंकि छोटे संस्करण प्लेटफ़ॉर्म उसी से बनाता है। डिज़ाइन का फ़ैसला इस बारे में है कि सिकुड़ने के बाद क्या बचता है, फ़ाइल के बारे में नहीं।

लोगो के लिए क्या काम करता है?

सिर्फ़ निशान, बीच में, चारों ओर हाशिये के साथ। नाम वाला हिस्सा हटाना नुक़सान जैसा लगता है, और यही तस्वीर को उन आकारों पर पहचानने लायक़ बनाता है जिन पर वह सचमुच दिखती है।

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

यहाँ निशान को पारदर्शिता के बजाय भरी हुई पृष्ठभूमि देना फ़ायदेमंद है। पारदर्शी लोगो इंटरफ़ेस के रंग पर बैठता है, जो लाइट और डार्क मोड में और प्लेटफ़ॉर्मों में अलग होता है।

चेहरे के लिए क्या काम करता है?

कसा हुआ क्रॉप। पोर्ट्रेट की तरह फ़्रेम की गई फ़ोटो एक छोटा अंडाकार बन जाती है जिसमें कोई पहचाना न जा सकने वाला व्यक्ति होता है, क्योंकि गोले का ज़्यादातर हिस्सा कंधे और पृष्ठभूमि घेरते हैं।

ऐसा क्रॉप करना कि चेहरा गोले का ज़्यादातर हिस्सा भर दे, इसे सुलझाता है; एडिटर में यह ज़्यादा लगता है और जहाँ भी इस्तेमाल हो वहाँ सही दिखता है। परख यह है कि नतीजे को लगभग चालीस पिक्सेल तक छोटा करके देखें कि क्या आप ख़ुद को पहचानेंगे।

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

क्या इसे दोनों थीम पर चलना चाहिए?

हाँ, क्योंकि प्लेटफ़ॉर्म इसे बदलते नहीं। एक ही तस्वीर कुछ लोगों के लिए हल्के इंटरफ़ेस पर और दूसरों के लिए गहरे पर बैठती है, इसलिए जो भी चीज़ आसपास के रंग पर टिकी है वह आधों के लिए विफल होती है।

व्यावहारिक नियम है कि तस्वीर का अपना साफ़ किनारा हो, अपने रंग से भरा एक गोला, न कि पीछे जो भी हो उसमें घुल जाए। पारदर्शिता पर सफ़ेद लोगो हल्की थीम पर ग़ायब हो जाता है।

फ़ेविकॉन को अपनी भरी हुई आकृति देने के पीछे भी यही तर्क है, और उसी वजह से: आसपास का माहौल आपके बस में नहीं।

क्या यह हर प्लेटफ़ॉर्म पर एक जैसी होनी चाहिए?

हाँ, और पहचान बनाने का यह सबसे सस्ता तरीक़ा है। हर जगह एक ही तस्वीर का मतलब है कि जिसने आपको एक बार देखा वह आपको कहीं और एक नज़र में पहचान लेगा, इतने छोटे आकार पर जहाँ नाम पढ़ा नहीं जाता।

इसे बार-बार बदलना यही क़ीमत वसूलता है। तेज़ी से खिसकती सूची में लोग पहचान के लिए असल में तस्वीर इस्तेमाल करते हैं, बगल के नाम से ज़्यादा।

बैनर वाला लेख प्रोफ़ाइल का दूसरा आधा ढकता है, जिसकी समस्या उलटी है: बैनर बड़ा होता है और चौड़ाई से क्रॉप होता है, और अवतार उसके ऊपर बैठता है।

ठीक-ठीक चौकोर का कितना बचता है?

लगभग 79 प्रतिशत। चौकोर के अंदर बने गोले का क्षेत्रफल चौकोर के क्षेत्रफल का π भाग चार है, जो चार-पाँचवें से थोड़ा कम बैठता है, इसलिए लगभग पाँचवाँ हिस्सा फेंका जाता है, और वह पूरा कोनों से।

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

खुले रेडियस वाले गोल-कोने चौकोर पर भी यही हिस्सा लागू होता है, इसीलिए एक डिज़ाइन आम तौर पर दोनों क्रॉप के लिए काम कर जाता है।

लोग जो पूछते हैं

इसे कितनी बार बदलना चाहिए? शायद ही कभी। यह वह पहचान है जिसे लोग नाम पढ़ने से पहले सूची में पहचानते हैं।

क्या एनिमेटेड अवतार चलता है? कुछ प्लेटफ़ॉर्म इसकी इजाज़त देते हैं और ज़्यादातर पहला फ़्रेम ले लेते हैं। स्थिर तस्वीर के लिए डिज़ाइन करें।

क्या पूरी टीम की एक शैली हो? पूरी टीम में एक जैसा फ़्रेम और पृष्ठभूमि छोटे आकार पर सोचा-समझा लगता है, जो अलग-अलग फ़ोटो नहीं लगतीं।

क्या सारे प्लेटफ़ॉर्म गोल हैं? ज़्यादातर। कुछ गोल-कोने चौकोर इस्तेमाल करते हैं, और जो डिज़ाइन गोले में चलता है वह दोनों में चलता है।

क्या पारदर्शी PNG अपलोड कर सकता हूँ? हाँ, और वह ऐसी पृष्ठभूमि पर बिठाई जाएगी जो आप नहीं चुनते। उसे अपनी पृष्ठभूमि दें।

किस आकार पर अपलोड करूँ? सबसे बड़े दिखने वाले आकार से बड़ा, चौकोर, और बाक़ी प्लेटफ़ॉर्म को बनाने दें।

मेरी धुँधली क्यों दिखती है? वह प्रोफ़ाइल के दिखने वाले आकार से कम पर अपलोड हुई और बड़ी की गई।

सबसे छोटे गोले के लिए डिज़ाइन करें। इमेज क्रॉप करें गोल मास्क लगाता है ताकि आप देख सकें कि क्या बचता है, इमेज रीसाइज़ करें चौकोर मास्टर बनाता है, और सोशल मीडिया इमेज साइज़, फ़िलहाल अंग्रेज़ी में, वे डाइमेंशन देता है जो Instagram, Facebook और TikTok सचमुच चाहते हैं।