वेब आइकन पर 7 विशेषज्ञ युक्तियाँ उपयोग और लाभ निर्धारित करती हैं

क्या आप अपनी वेब साइट के लिए एक आइकन सेट का उपयोग करने के बारे में सोच रहे हैं और कौन सा चुनना है? ये विशेषज्ञ युक्तियां आपको इस बारे में बता सकती हैं कि पहले से ही कई पेशेवर वेब डेवलपर क्या जानते हैं: एक सम्मिलित आइकन सेट से आइकन खोजना बहुत आसान है, एक-एक करके आइकन ढूंढना और उन्हें किसी तरह एक साथ सुसंगत बनाने का तरीका खोजना।

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

आप किस आइकन सेट का उपयोग कर रहे हैं? हमें टिप्पणियों से पता चल जायेगा!

 क्या आप अपनी वेबसाइट के लिए एक विशिष्ट आइकन सेट का उपयोग कर रहे हैं? क्या आप किसी विशिष्ट उपयोग के लिए फ़ॉन्ट का उपयोग कर रहे हैं (अर्थात, शोपिज़ के साथ न्यूज़लेटर के लिए ...)? यदि हां, तो आप इसका उपयोग क्यों कर रहे हैं, और आइकन सेट के साथ आपका अनुभव क्या है? क्या आपने उनके सीडीएन का उपयोग किया है, क्या आपने अपने उपयोग के लिए कोई सुधार देखा है?

जेफ रोसकर: यह अच्छी सरल स्टाइलिंग जोड़ता है जो ग्राहकों को आधुनिक और आकर्षक लगता है

हम eWorkOrders.com पर Font Awesome का इस्तेमाल करते हैं। यह हमारी मार्केटिंग साइट और हमारे सॉफ़्टवेयर दोनों का एक सेवा (SAAS) की पेशकश, कम्प्यूटरीकृत रखरखाव प्रबंधन प्रणाली (CMMS) का हिस्सा है। हमारी मार्केटिंग साइट पर, यह अच्छा सरल स्टाइल जोड़ता है जो भावी ग्राहकों को आधुनिक और आकर्षक लगता है। हमने उन्हें और अधिक इंटरैक्टिव और रोमांचक बनाने के लिए दिलचस्प सीमाएँ और माउसओवर इवेंट जोड़े हैं। हमारे ग्राहकों के लिए, फ़ॉन्ट विस्मयकारी आइकन का उपयोग इनपुट फ़ील्ड के अंदर दृश्य क्यू के रूप में किया जाता है ताकि यह पता लगाया जा सके कि किस प्रकार का डेटा दर्ज किया जाना चाहिए, जैसे दिनांक फ़ील्ड में कैलेंडर आइकन, ईमेल पता फ़ील्ड में एक लिफाफा, या एक फ़ोन आइकन फ़ोन नंबर के लिए फ़ील्ड। उनका उपयोग कार्यात्मक बटन पर किया जाता है, जैसे संपादित करें, कॉपी करें और प्रिंट करें।

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

बहुत बढ़िया फ़ॉन्ट बहुत बढ़िया है! उनका CDN तेज़ है और हमारे द्वारा आवश्यक विभिन्न प्रकार के आइकन के लिए कई विकल्प हैं। हम कभी निराश नहीं हुए।

राहेल फोली: आसानी से एक बड़े पैमाने पर आइकन लाइब्रेरी तक पहुंचने का एक सस्ती तरीका

मानचित्र मेरे ग्राहकों पर, हम पूरी तरह से सभी विपणन चैनलों और हमारे उत्पाद सहित हमारे आइकनोग्राफी के लिए बहुत बढ़िया फ़ॉन्ट पर भरोसा करते हैं:

• वेबसाइट
• ईमेल
• सामाजिक मीडिया
• कस्टम ग्राफिक्स
• मोबाइल एप्लिकेशन
• वेब अप्प

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

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

जनवरी में पूरी तरह से अपनाए जाने के बाद से एफए हमारे लिए हमेशा विश्वसनीय रहा है।

एंड्रयू रुडिटसर: जैसा कि फ़ॉन्ट विस्मयकारी रूप से उन्नत है, इसलिए हमने किया

Font Awesome is used on all our sites since the dawn of time. When we first started working with Font Awesome, it was mainly used for their सामाजिक मीडिया Icons. As Font Awesome upgraded, so did we. Not only are their phone icons fantastic, we enjoy the comical icons that they offer. As of recent, Font Awesome announced their version 6 icons. To us, this shows that Font Awesome cares for their users, and want to keep their system up to date with recent code.

फ़ॉन्ट विस्मयकारी अब से चुनने के लिए माउस की एक विस्तृत श्रृंखला प्रदान करता है। हम इस लचीलेपन को हमारे लिए डिज़ाइन चरण से लेकर हमारे विकास चरण तक सहायक मानते हैं। Font Awesome के लिए, उनका प्लेटफ़ॉर्म अपने उपयोगकर्ताओं के लिए दो विकल्प प्रदान करता है। पहला विकल्प एक निशुल्क सेवा है, जो चुनने के लिए 1,588 मुफ्त आइकन प्रदान करता है। दूसरा विकल्प प्रो सदस्यता है, जो 7,842 आइकन प्रदान करता है। इस कंपनी के पास एक आइकॉन धोखा शीट भी है। यह सूची उनके सभी आइकन प्रदर्शित करती है जो फ़ॉन्ट विस्मयकारी ऑफ़र देते हैं, जो हमें सूचित करते हैं कि क्या वे मुफ्त पैकेज या प्रो पैकेज का हिस्सा हैं।

जोड़ने के लिए, फ़ॉन्ट विस्मयकारी भी अपने CDN से अपने कोड को खींचने के लिए एक विकल्प प्रदान करता है। हम अत्यधिक उनके मार्ग पर जाने की सलाह देते हैं। उनके CDN के पास तेजी से प्रतिक्रिया का समय होता है, और हमारी साइट और उनके प्लेटफ़ॉर्म के बीच कोई नहीं है।

जेफ रोमेरो: यह पेज की गति को बहुत तेज बनाता है

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

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

Vance: विशेष रूप से अच्छा है जब आपके पास अपनी टीम में डिजाइनर नहीं है

एक वेब डेवलपर के रूप में, मैं बहुत बढ़िया आइकन के लिए एक त्वरित समाधान के रूप में फ़ॉन्ट विस्मयकारी का उपयोग करता हूं। यह कहा जा रहा है, फ़ॉन्ट विस्मयकारी रूप से अच्छा है जब आप अपने विकास टीम में एक डिजाइनर नहीं है। यह Wordpress प्लगइन्स को विकसित करने के लिए आसान है क्योंकि डेवलपर्स कुछ ही समय में Font Awesome के CDN का उपयोग करके उन्हें अपने प्लगइन्स में एम्बेड कर सकते हैं।

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

सनी एशले: नए आगंतुकों के लिए सरल, स्वच्छ और तुरंत पहचानने योग्य

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

बर्क irzdemir: पंख प्रतीक एक अत्यधिक डोम आकार का कारण नहीं है

पंख प्रतीक पठनीय, नेत्रहीन मनभावन ओपन-सोर्स आइकन का एक संग्रह है जिसे कोल बेमिस द्वारा डिज़ाइन और रखरखाव किया गया है। जून 2020 तक, 280 से अधिक आइकन उपलब्ध हैं। पंख आइकन द्वारा प्रदान किए गए सभी आइकन एमआईटी लाइसेंस प्राप्त हैं, और एसवीजी फ़ाइलों के रूप में अलग से डाउनलोड करने योग्य हैं। आप उन्हें डाउनलोड करने से पहले पंख आइकन की वेबसाइट पर आइकन का आकार, आइकन का स्ट्रोक रंग और स्ट्रोक की चौड़ाई को अनुकूलित कर सकते हैं।

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