ഫെവിക്കോൺ ജനറേറ്റർ
ഒരു PNG, JPG അല്ലെങ്കിൽ SVG ഫയലിനെ favicon.ico ആയും നിങ്ങളുടെ സൈറ്റിന് ആവശ്യമായ എല്ലാ ഐക്കൺ സൈസുകളായും മാറ്റി ഒരു ZIP ഫയലിൽ ഡൗൺലോഡ് ചെയ്യുക.
ചിത്രം പൂർണ്ണമായി കാണാം, ചുറ്റും പാഡിംഗോടെ മധ്യഭാഗത്തായി ക്രമീകരിക്കും.
ബ്രൗസർ ടാബുകൾക്ക് സുതാര്യമായ (Transparent) പശ്ചാത്തലമാണ് നല്ലത്; iPhone ഹോം-സ്ക്രീൻ ഐക്കണുകൾക്ക് ബാക്ക്ഗ്രൗണ്ട് നിറം നൽകുന്നതാണ് കൂടുതൽ സുരക്ഷിതം.
നിങ്ങളുടെ ഫെവിക്കോണും ഐക്കൺ പാക്കും ഇവിടെ കാണാം.
ഫയലുകൾ നിങ്ങളുടെ സൈറ്റിന്റെ റൂട്ട് ഫോൾഡറിൽ ഇടുക, തുടർന്ന് ഈ വരികൾ എല്ലാ പേജിലും ചേർക്കുക.
നിങ്ങളുടെ ചിത്രം ബ്രൗസറിൽ വെച്ച് തന്നെയാണ് ഐക്കണുകളാക്കി മാറ്റുന്നത്. BroBroGo-ലേക്ക് ഒന്നും അപ്ലോഡ് ചെയ്യുന്നില്ല.
പതിവ് ചോദ്യങ്ങൾ
ഐക്കൺ പാക്കിൽ ഏതൊക്കെ ഫയലുകൾ ഉണ്ടാകും?
16, 32, 48 പിക്സൽ പതിപ്പുകളുള്ള favicon.ico, കൂടാതെ 16, 32, 180, 192, 512 പിക്സലുകളിലുള്ള PNG ഐക്കണുകൾ, വലിയ ഐക്കണുകൾ ലിസ്റ്റ് ചെയ്യുന്ന site.webmanifest ഫയൽ എന്നിവ ഇതിലുണ്ടാകും. നിങ്ങൾ ഒരു SVG ഫയലിൽ നിന്നാണ് തുടങ്ങിയതെങ്കിൽ ആ വെക്റ്റർ ഫയലും ഇതിൽ ഉൾപ്പെടും. ഒരു സിംഗിൾ ZIP ഫയലിൽ ഇവയെല്ലാം ലഭിക്കും.
എന്റെ സോഴ്സ് ചിത്രത്തിന്റെ സൈസ് എത്രയായിരിക്കണം?
ഒരു SVG ഫയൽ ആണ് ഏറ്റവും അനുയോജ്യം — എല്ലാ ഐക്കണുകളും വെക്ടറിൽ നിന്ന് വരയ്ക്കുന്നതിനാൽ 16 പിക്സലിൽ പോലും വ്യക്തത നിലനിൽക്കും. PNG അല്ലെങ്കിൽ JPG ആണെങ്കിൽ കുറഞ്ഞത് 512 × 512 സൈസ് ഉപയോഗിക്കുക; ചെറിയ ചിത്രങ്ങൾ വലുതാക്കുമ്പോൾ വ്യക്തത കുറയാൻ സാധ്യതയുണ്ട്.
ബാക്ക്ഗ്രൗണ്ട് സുതാര്യമായിരിക്കണമോ അതോ നിറമുള്ളതായിരിക്കണമോ?
ബ്രൗസർ ടാബ് ഐക്കണുകൾ സുതാര്യമായിരിക്കുന്നത് നന്നായിരിക്കും. എന്നാൽ iPhone, iPad ഹോം സ്ക്രീനുകൾ സുതാര്യമായ ഭാഗങ്ങൾ കറുപ്പ് നിറത്തിലാക്കും — ആളുകൾ നിങ്ങളുടെ സൈറ്റ് ഹോം സ്ക്രീനിലേക്ക് ചേർക്കാൻ സാധ്യതയുണ്ടെങ്കിൽ, ഒരു ബാക്ക്ഗ്രൗണ്ട് നിറം തിരഞ്ഞെടുക്കുക.
ചതുരാകൃതിയിലല്ലാത്ത ചിത്രങ്ങൾക്ക് എന്ത് സംഭവിക്കും?
ഐക്കണുകൾ ചതുരാകൃതിയിലാണ്, എന്നാൽ നിങ്ങളുടെ ചിത്രം ഒരിക്കലും വലിച്ച് നീട്ടപ്പെടില്ല. സ്വതവേ ഇത് പാഡിംഗോടെ മധ്യഭാഗത്തായി ക്രമീകരിക്കും; വശങ്ങൾ മുറിച്ചുമാറ്റാൻ "Fill (crop)" ഓപ്ഷൻ തിരഞ്ഞെടുക്കാം.
ഈ ഫയലുകൾ എന്റെ സൈറ്റിൽ എവിടെയാണ് ചേർക്കേണ്ടത്?
അവ നിങ്ങളുടെ സൈറ്റിന്റെ റൂട്ട് ഫോൾഡറിലേക്ക് അപ്ലോഡ് ചെയ്യുക, അതുവഴി favicon.ico ഫയൽ /favicon.ico എന്ന പാത്തിൽ ലഭ്യമാകും. തുടർന്ന് ജനറേറ്റ് ചെയ്ത കോഡ് വരികൾ നിങ്ങളുടെ പേജുകളുടെ <head> ഭാഗത്ത് പേസ്റ്റ് ചെയ്യുക. ബ്രൗസറുകൾ അനുയോജ്യമായ സൈസ് സ്വയം തിരഞ്ഞെടുത്തുകൊള്ളും.