फॅव्हिकॉन जनरेटर: तुमच्या वेबसाइटसाठी सर्व आकारांचे आयकॉन्स तयार करा
वेबसाइट तयार करताना ब्रँडिंग आणि युझर एक्सपिरियन्ससाठी फॅव्हिकॉन (favicon) अत्यंत महत्त्वाचा असतो. फॅव्हिकॉन जनरेटर हे एक मोफत ऑनलाइन साधन आहे जे तुम्ही अपलोड केलेल्या एकाच इमेज फाइलचे रूपांतर विविध उपयोगांसाठी आवश्यक असलेल्या आयकॉन फाइल्सच्या संपूर्ण संचामध्ये करते.
हे साधन ब्राउझर टॅब आयकॉन्स, ॲपल टच आयकॉन (Apple touch icons) आणि प्रोग्रेसिव्ह वेब ॲप्स (PWAs) साठी लागणारे आयकॉन्स एकाच वेळी तयार करते. प्रक्रिया पूर्ण झाल्यावर, हे साधन सर्व आयकॉन्स एका डाउनलोड करण्यायोग्य ZIP फाइलमध्ये पॅक करते आणि तुमच्या वेबसाइटमध्ये ते समाविष्ट करण्यासाठी आवश्यक असलेला HTML कोड स्निपेट देखील प्रदान करते.
इनपुट फाइल्स आणि आवश्यक आकारमान
या साधनामध्ये इमेज अपलोड करताना खालील गोष्टींची काळजी घेणे आवश्यक आहे:
- सपोर्टेड फॉरमॅट्स: तुम्ही केवळ एक PNG, JPG किंवा SVG इमेज अपलोड करू शकता. इतर कोणत्याही फॉरमॅटच्या फाइल्सना हे साधन सपोर्ट करत नाही.
- फाइल आकाराची मर्यादा: अपलोड केल्या जाणाऱ्या फाइलचा आकार ५० MB (50 MB) पर्यंत असू शकतो.
- शिफारस केलेले आकारमान: जर तुम्ही PNG किंवा JPG इमेज वापरत असाल, तर ती किमान ५१२ × ५१२ पिक्सेल (512 × 512 pixels) आकाराची असणे शिफारसित आहे. लहान आकाराच्या इमेजेस मोठ्या आयकॉन्ससाठी वापरल्यास त्या अंधुक किंवा अस्पष्ट (soft-looking) दिसू शकतात.
- डायमेंशन डिस्प्ले: तुम्ही इमेज लोड केल्यावर हे साधन त्या इमेजची रुंदी आणि लांबी "
{w}×{h}px" (उदा. ५१२ × ५१२ px) अशा स्वरूपात दर्शवते.
चौकोनी नसलेल्या इमेजेस आणि बॅकग्राउंडचे पर्याय
आयकॉन्स नेहमी चौकोनी आकाराचे असतात. जर तुमची मूळ इमेज चौकोनी नसेल, तर ती ताणली जाऊ नये म्हणून हे साधन खालील पर्याय देते:
- फिट करा (पॅड) - फिट करा (पॅड): यामध्ये संपूर्ण इमेज सभोवताली पॅडिंगसह मध्यभागी ठेवून पूर्णपणे दृश्यमान राहते. बाय डीफॉल्ट, चौकोनी नसलेल्या इमेजेससाठी हाच पर्याय निवडलेला असतो.
- भरा (क्रॉप) - Fill (crop): यामध्ये इमेज चौकोन पूर्णपणे भरते आणि बाहेर जाणारे कडांचे भाग कापून (ट्रिम करून) टाकले जातात.
बॅकग्राउंड पर्याय:
- पारदर्शक (Transparent): बाय डीफॉल्ट, आयकॉनचे बॅकग्राउंड पारदर्शक असते. हे ब्राउझर टॅबसाठी अत्यंत योग्य आहे.
- रंग: युझर स्वतःच्या आवडीचा बॅकग्राउंड रंग निवडू शकतात. आयफोन (iPhone) होम-स्क्रीन आयकॉन्ससाठी बॅकग्राउंड रंग निवडणे अधिक सुरक्षित असते, कारण पारदर्शक भाग आयफोनवर काळ्या रंगात दाखवले जातात.
जनरेटरद्वारे मिळणाऱ्या आउटपुट फाइल्स
इमेज प्रक्रिया पूर्ण झाल्यावर, तुम्हाला तुमचा आयकॉन पॅक मिळतो, ज्यामध्ये खालील फाइल्स समाविष्ट असतात:
- ZIP फाइल: सर्व जनरेट केलेल्या आयकॉन्सचा संच असलेली एक डाउनलोड करण्यायोग्य ZIP फाइल.
- favicon.ico: यामध्ये १६, ३२ आणि ४८ पिक्सेलच्या आवृत्त्या समाविष्ट असतात.
- PNG आयकॉन्स: १६, ३२, १८०, १९२ आणि ५१२ पिक्सेल आकाराचे PNG आयकॉन्स.
- site.webmanifest: ही एक लहान टेक्स्ट फाइल असते जी मोठ्या आयकॉन्सची सूची दर्शवते.
- वेक्टर (Vector): जर तुम्ही मूळ फाइल म्हणून SVG अपलोड केली असेल, तर ती वेक्टर फाइल देखील या पॅकमध्ये समाविष्ट केली जाते, ज्यामुळे कोणत्याही आकारावर स्पष्टता मिळते.
- HTML कोड: तुमच्या वेब पेजेसच्या
<head>भागात पेस्ट करण्यासाठी आवश्यक असलेला HTML कोड स्निपेट.
त्रुटी आणि एरर मेसेजेस (Error Messages)
इमेज अपलोड करताना किंवा आयकॉन तयार करताना काही समस्या आल्यास खालील एरर मेसेजेस दिसू शकतात:
- जर फाइल इमेज नसेल किंवा खराब असेल: "ही फाइल इमेज म्हणून उघडता आली नाही. ती खराब झालेली, रिकामी किंवा प्रत्यक्षात इमेज नसू शकते."
- जर SVG फाइलमध्ये त्रुटी असेल: "हे SVG वाचता आले नाही. फाइल वैध SVG दस्तऐवज असल्याची खात्री करा."
- सपोर्ट नसलेला फॉरमॅट अपलोड केल्यास: "केवळ PNG, JPG आणि SVG इमेजेस सपोर्टेड आहेत."
- फाइल ५० MB पेक्षा मोठी असल्यास: "ही फाइल 50 MB पेक्षा जास्त आहे. लहान सोर्स इमेज वापरा."
- इमेज न निवडता प्रक्रिया सुरू केल्यास: "प्रथम PNG, JPG किंवा SVG इमेज निवडा."
- इमेज खूप लहान असल्यास चेतावणी: "लहान सोर्स (
{w}×{h}px): मोठे आयकॉन्स कदाचित अंधुक दिसू शकतात. सर्वोत्तम परिणामांसाठी 512 × 512 किंवा मोठे — किंवा SVG — वापरा." - प्रक्रिया अयशस्वी झाल्यास: "तयार करणे अयशस्वी झाले. दुसरी इमेज वापरून पहा."
गोपनीयता आणि डेटा सुरक्षा
या साधनामध्ये तुमच्या गोपनीयतेची पूर्ण काळजी घेतली जाते. तुमची इमेज कोणत्याही बाह्य सर्व्हरवर अपलोड केली जात नाही. इमेजचे आयकॉन्समध्ये रूपांतर थेट तुमच्या ब्राउझरमध्येच केले जाते आणि BroBroGo वर काहीही अपलोड केले जात नाही.
वारंवार विचारले जाणारे प्रश्न (FAQ)
आयकॉन पॅकमध्ये कोणत्या फाइल्स असतात?
यामध्ये आतमध्ये १६, ३२ आणि ४८ पिक्सेल आवृत्त्या असलेली favicon.ico, १६, ३२, १८०, १९२ आणि ५१२ पिक्सेलचे PNG आयकॉन्स आणि मोठ्या आयकॉन्सची सूची देणारी site.webmanifest फाइल समाविष्ट असते. जर तुम्ही SVG पासून सुरुवात केली तर वेक्टर देखील समाविष्ट केला जातो. एकाच ZIP मध्ये सर्व काही मिळते.
माझ्या सोर्स इमेजचा आकार काय असावा?
SVG आदर्श आहे — प्रत्येक आयकॉन वेक्टरमधून तयार केला जातो, त्यामुळे १६ पिक्सेल देखील स्पष्ट राहतात. PNG किंवा JPG साठी, किमान ५१२ × ५१२ पासून सुरुवात करा; लहान इमेजेस मोठ्या केल्यावर अंधुक दिसू शकतात.
बॅकग्राउंड पारदर्शक असावे की रंगीत?
टॅब आयकॉन पारदर्शक असल्यास चांगले दिसतात. तथापि, आयफोन आणि आयपॅड होम स्क्रीन पारदर्शक भागांना काळ्या रंगात दाखवतात — जर लोक तुमची साइट त्यांच्या होम स्क्रीनवर जोडू शकत असतील, तर बॅकग्राउंड रंग निवडणे योग्य ठरेल.
इमेज चौकोनी नसल्यास काय होते?
आयकॉन चौकोनी असतात, परंतु तुमची इमेज कधीही ताणली जात नाही. बाय डीफॉल्ट ती सभोवताली पॅडिंगसह मध्यभागी ठेवली जाते; लांब कडा कापून टाकण्यासाठी "Fill (crop)" वर स्विच करा.
माझ्या साइटवर या फाइल्स कुठे जातात?
त्या तुमच्या साइटच्या रूट फोल्डरमध्ये अपलोड करा, जेणेकरून favicon.ico हे /favicon.ico म्हणून उपलब्ध होईल, नंतर तयार केलेल्या ओळी तुमच्या पेजेसच्या <head> मध्ये पेस्ट करा. ब्राउझर आपोआप योग्य आकार निवडतात.