फेविकॉन कसा बनवायचा
फेविकॉन बनवण्यासाठी वर तुमचा लोगो टाका - किंवा अक्षर वा इमोजी टाइप करा - दिसणे बदला आणि ZIP डाउनलोड करा. प्रीव्ह्यूमध्ये आयकॉन प्रत्येक खऱ्या साइझमध्ये आणि ब्राउझर टॅबमध्ये, लाइट आणि डार्क मोडमध्ये दिसतो.
- स्रोत निवडा. PNG किंवा SVG लोगो सर्वोत्तम चालतो; इतर कोणतीही इमेज चौरसाच्या आत बसवली जाते. लोगो नाही? रंगीत बॅकग्राउंडवर अक्षर किंवा इमोजी वापरा.
- दिसणे ठरवा. बॅकग्राउंडचा रंग किंवा पारदर्शक, आकार (गोलाकार कोपऱ्यांचा, चौरस किंवा वर्तुळ) आणि चित्राभोवती किती पॅडिंग हवे ते.
- डाउनलोड करा. सर्व आयकॉन डाउनलोड करा पूर्ण पॅकेज देते; फक्त favicon.ico फक्त ती एक फाइल देते.
फेविकॉन पॅकेजमध्ये काय आहे
| फाइल | साइझ | कोण वापरते |
|---|---|---|
favicon.ico | 16, 32 आणि 48 px | सर्व ब्राउझर, Windows, सर्च रिझल्ट |
favicon-16x16.png, favicon-32x32.png | 16 आणि 32 px | ब्राउझर टॅब आणि बुकमार्क |
apple-touch-icon.png | 180 px | iPhone आणि iPad होम स्क्रीन |
android-chrome-192x192.png, -512x512.png | 192 आणि 512 px | Android होम स्क्रीन, इन्स्टॉल केलेले वेब अॅप्स |
site.webmanifest | - | Android आणि वेब अॅप्ससाठी आयकॉन आणि रंगांची नावे ठरवते |
favicon-html.txt | - | तुमच्या पेजेसमध्ये पेस्ट करायचे टॅग |
Apple आयकॉनला नेहमी घन बॅकग्राउंड आणि चौकोनी कोपरे मिळतात: iPhone कोपरे स्वतः गोलाकार करतो आणि पारदर्शक भाग काळे दाखवतो.
तुमच्या वेबसाइटवर फेविकॉन जोडा
- पॅकेज अनझिप करा आणि फाइल्स तुमच्या वेबसाइटच्या रूट फोल्डरमध्ये, होम पेजच्या शेजारी अपलोड करा,
म्हणजे
yoursite.com/favicon.icoवर आयकॉन उघडेल. - HTML टॅग (वर दाखवलेले, आणि
favicon-html.txtमध्ये) तुमच्या पेजेसच्या<head>मध्ये पेस्ट करा. - कॅशे साफ करून रीलोड करा. ब्राउझर जुने फेविकॉन धरून ठेवतात, त्यामुळे प्रायव्हेट विंडो हा सर्वात जलद तपास आहे.
WordPress वर तुम्ही त्याऐवजी Customizer मध्ये 512 px आयकॉन Site Icon म्हणून सेट करू शकता, आणि ते इतर साइझ स्वतः बनवते.
स्पष्ट फेविकॉनसाठी टिप्स
- साधे ठेवा. 16 पिक्सेलवर तपशीलवार लोगो अस्पष्ट होतो. मजकुरासह पूर्ण लोगोऐवजी तुमच्या लोगोमधील चिन्ह किंवा त्याचे पहिले अक्षर वापरा.
- कॉन्ट्रास्ट ठेवा. ब्राउझर थीमनुसार टॅब लाइट किंवा डार्क असतात - दोन्ही प्रीव्ह्यू तपासा.
- पॅडिंगकडे लक्ष द्या. कमी पॅडिंगमुळे टॅबमध्ये आयकॉन मोठा दिसतो; फोनच्या होम स्क्रीनवर थोडे जास्त पॅडिंग चांगले दिसते.
वेगळ्या साइझची एकच .ico फाइल हवी आहे का? इमेज कन्व्हर्टर कोणतीही इमेज ICO म्हणून सेव्ह करतो.
नेहमी विचारले जाणारे प्रश्न
फेविकॉन कसा बनवायचा?
या पेजवरील बॉक्समध्ये तुमचा लोगो किंवा कोणतीही चौरस इमेज टाका, किंवा एखादे अक्षर किंवा इमोजी टाइप करा. बॅकग्राउंड, पॅडिंग आणि आकार बदला, मग सर्व आयकॉन साइझ आणि तुमच्या साइटवर पेस्ट करायचा HTML असलेली ZIP फाइल डाउनलोड करा.
फेविकॉनसाठी कोणते साइझ लागतात?
16, 32 आणि 48 पिक्सेलच्या आवृत्त्या असलेला favicon.ico ब्राउझर आणि Windows साठी पुरेसा आहे; 180 पिक्सेलचा apple-touch-icon iPhone आणि iPad साठी; 192 आणि 512 पिक्सेलचे आयकॉन Android आणि इन्स्टॉल केलेल्या वेब अॅप्ससाठी. पॅकेजमध्ये हे सर्व मिळतात.
माझ्या वेबसाइटवर फेविकॉन कसा जोडायचा?
ZIP मधील फाइल्स तुमच्या साइटच्या रूट फोल्डरमध्ये अपलोड करा, म्हणजे favicon.ico yoursite.com/favicon.ico वर उघडेल. नंतर HTML टॅग तुमच्या पेजेसच्या head विभागात पेस्ट करा.
माझा नवीन फेविकॉन का दिसत नाही?
ब्राउझर फेविकॉन बराच काळ कॅशेमध्ये ठेवतात. फेविकॉनचा पत्ता थेट उघडा, रीलोड करा किंवा प्रायव्हेट विंडो वापरून पहा. सर्च रिझल्टमध्ये बदल दिसायला काही आठवडे लागू शकतात.
अक्षर किंवा इमोजीमधून फेविकॉन बनवता येतो का?
हो. "अक्षर किंवा इमोजी" निवडा, एक किंवा दोन अक्षरे टाइप करा आणि रंग निवडा. लोगो नसतानाही स्वच्छ आयकॉन मिळवण्याचा हा झटपट मार्ग आहे.
माझी इमेज अपलोड होते का?
नाही. सर्व आयकॉन तुमच्या ब्राउझरमध्येच बनतात आणि तुमची इमेज तुमच्या डिव्हाइसबाहेर जात नाही.