ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു

1

നിങ്ങളുടെ ഉറവിടം തിരഞ്ഞെടുക്കുക

ഒരു ചിത്രം അപ്‌ലോഡ് ചെയ്യുക, കസ്റ്റം ഫോണ്ടുകൾ ഉപയോഗിച്ച് വാചകത്തിൽ നിന്ന് സൃഷ്ടിക്കുക, നൂറുകണക്കിന് ഇമോജികളിൽ നിന്ന് തിരഞ്ഞെടുക്കുക, അല്ലെങ്കിൽ പിക്സൽ ആർട്ട് വരയ്ക്കുക. നിലവിലുള്ള favicons എക്‌സ്‌ട്രാക്റ്റുചെയ്യാൻ ഏതെങ്കിലും URL വിശകലനം ചെയ്യുക.

2

ഇഷ്‌ടാനുസൃതമാക്കുക & പ്രിവ്യൂ

പശ്ചാത്തലങ്ങൾ, ഗ്രേഡിയന്റുകൾ, റൗണ്ട്നസ്, ഇഫക്റ്റുകൾ എന്നിവ ക്രമീകരിക്കുക. തത്സമയം ബ്രൗസർ ടാബുകൾ, iOS ഹോം സ്ക്രീൻ, Android, Windows മോക്കപ്പുകൾ എന്നിവയിൽ നിങ്ങളുടെ favicon പ്രിവ്യൂ ചെയ്യുക.

3

സൃഷ്ടിക്കുക & ഡൗൺലോഡ് ചെയ്യുക

ഒറ്റ ക്ലിക്കിലൂടെ എല്ലാ വലിപ്പങ്ങളും സൃഷ്ടിക്കുക. 35+ ഫ്രെയിംവർക്കുകൾക്കായി ഉപയോഗിക്കാൻ തയ്യാറായ കോഡ് സ്‌നിപ്പെറ്റുകളുള്ള സമ്പൂർണ്ണ പാക്കേജ് ഡൗൺലോഡ് ചെയ്യുക.

നിങ്ങളുടെ Favicon സൃഷ്ടിക്കാൻ നാല് വഴികൾ

ചിത്രം അപ്‌ലോഡ് ചെയ്യുക

ഏതെങ്കിലും ചിത്രം ഉപയോഗിച്ച് ആരംഭിക്കുക — PNG, JPG, SVG, അല്ലെങ്കിൽ WebP. പശ്ചാത്തലങ്ങൾ ചേർക്കുക, പാഡിംഗ്, തെളിച്ചം, കോൺട്രാസ്റ്റ് എന്നിവ ക്രമീകരിക്കുക, റൗണ്ട് കോർണറുകൾ പ്രയോഗിക്കുക. ലോഗോകൾക്കും നിലവിലുള്ള ബ്രാൻഡ് ആസ്തികൾക്കും അനുയോജ്യം.

വാചകം Favicon-ലേക്ക്

1500+ Google Fonts ഉപയോഗിച്ച് ടെക്സ്റ്റ് അധിഷ്ഠിത favicons സൃഷ്ടിക്കുക. ഫോണ്ട് കനം, നിറങ്ങൾ തിരഞ്ഞെടുക്കുക, സോളിഡ് അല്ലെങ്കിൽ ഗ്രേഡിയന്റ് പശ്ചാത്തലങ്ങൾ ചേർക്കുക. ലളിതമായ അക്ഷര അധിഷ്ഠിത ബ്രാൻഡ് ഐക്കണുകൾക്ക് അനുയോജ്യം.

ഇമോജി Favicon

എല്ലാ രാജ്യ പതാകകളും ഉൾപ്പെടെ 12 വിഭാഗങ്ങളിലായി നൂറുകണക്കിന് ഇമോജികളിൽ നിന്ന് തിരഞ്ഞെടുക്കുക. മിനുസമാർന്ന രൂപത്തിനായി പ്രീസെറ്റുകൾ അല്ലെങ്കിൽ കസ്റ്റം ഗ്രേഡിയന്റുകൾ ഉപയോഗിച്ച് നിറമുള്ള പശ്ചാത്തലങ്ങൾ ചേർക്കുക.

പിക്സൽ ആർട്ട് ക്യാൻവാസ്

കസ്റ്റമൈസ് ചെയ്യാവുന്ന ഗ്രിഡിൽ പിക്സൽ ബൈ പിക്സൽ ആയി നിങ്ങളുടെ സ്വന്തം favicon വരയ്ക്കുക. അൺഡു/റീഡു പിന്തുണയുള്ള പേന, ഇറേസർ, ഫിൽ ടൂളുകൾ ഉപയോഗിക്കുക. നിങ്ങളുടെ പിക്സൽ ആർട്ട് സൃഷ്ടി തൽക്ഷണം എക്സ്പോർട്ട് ചെയ്യുക.

ശക്തമായ സവിശേഷതകൾ

100% സ്വകാര്യം

എല്ലാ പ്രോസസ്സിംഗും പ്രാദേശികമായി നിങ്ങളുടെ ബ്രൗസറിൽ നടക്കുന്നു. നിങ്ങളുടെ ചിത്രങ്ങൾ ഒരിക്കലും നിങ്ങളുടെ ഉപകരണം വിട്ടുപോകില്ല. അപ്‌ലോഡുകളില്ല, ക്ലൗഡ് സ്റ്റോറേജില്ല, ഡാറ്റ ശേഖരണമില്ല.

എല്ലാ പ്ലാറ്റ്‌ഫോമുകളും ഉൾപ്പെടുത്തിയിരിക്കുന്നു

ബ്രൗസറുകൾ, iOS ഹോം സ്ക്രീൻ, Chrome Android, Windows ടൈലുകൾ, Safari പിൻ ചെയ്ത ടാബുകൾ, പ്രോഗ്രസീവ് വെബ് ആപ്പുകൾ എന്നിവയ്ക്കായി 15+ favicon വലിപ്പങ്ങൾ സൃഷ്ടിക്കുക.

ലൈവ് പ്രിവ്യൂ

സൃഷ്ടിക്കുന്നതിന് മുമ്പ് ബ്രൗസർ ടാബുകൾ, iOS ഹോം സ്ക്രീൻ, Android ലോഞ്ചർ, Windows ടൈലുകൾ എന്നിവയിൽ നിങ്ങളുടെ favicon കൃത്യമായി എങ്ങനെയിരിക്കുമെന്ന് കാണുക.

35+ ഫ്രെയിംവർക്കുകൾക്കുള്ള സ്‌നിപ്പെറ്റുകൾ

HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, കൂടാതെ 25+ മറ്റ് പ്ലാറ്റ്‌ഫോമുകൾക്കായി ഉപയോഗിക്കാൻ തയ്യാറായ കോഡ് നേടുക.

URL അനലൈസർ

നിലവിലുള്ള favicons എക്‌സ്‌ട്രാക്റ്റുചെയ്യാൻ ഏതെങ്കിലും വെബ്സൈറ്റ് വിശകലനം ചെയ്യുക. ഏതൊക്കെ വലിപ്പങ്ങൾ ഉണ്ടെന്നും, എന്താണ് കാണാത്തതെന്നും കാണുക, ഒറ്റ ക്ലിക്കിലൂടെ ഒരു സമ്പൂർണ്ണ സെറ്റ് വീണ്ടും സൃഷ്ടിക്കുക.

സൃഷ്ടി ചരിത്രം

നിങ്ങളുടെ സമീപകാല favicon സൃഷ്ടികൾ ആക്‌സസ് ചെയ്യുക. മുൻ സൃഷ്ടികൾ പുനഃസ്ഥാപിക്കുക, പതിപ്പുകൾ താരതമ്യം ചെയ്യുക, അല്ലെങ്കിൽ നിങ്ങൾ നിർത്തിയിടത്ത് നിന്ന് എഡിറ്റിംഗ് തുടരുക.

വേഗത്തിലുള്ള ടെംപ്ലേറ്റുകൾ

സോളിഡ് നിറങ്ങൾ, ഗ്രേഡിയന്റുകൾ, പാറ്റേണുകൾ എന്നിവയുള്ള പ്രൊഫഷണലായി രൂപകൽപ്പന ചെയ്ത ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് ആരംഭിക്കുക. നിങ്ങളുടെ ബ്രാൻഡുമായി പൊരുത്തപ്പെടുന്നതിന് പ്രയോഗിക്കുകയും ഇഷ്‌ടാനുസൃതമാക്കുകയും ചെയ്യുക.

മൾട്ടി-സൈസ് ICO

പരമാവധി ബ്രൗസർ അനുയോജ്യതയ്ക്കായി 16x16, 32x32, 48x48 വലിപ്പങ്ങൾ ഉൾക്കൊള്ളുന്ന മൾട്ടി-റെസല്യൂഷൻ ICO ഫയലുകൾ യാന്ത്രികമായി സൃഷ്ടിക്കുന്നു.

സമ്പൂർണ്ണ ഔട്ട്‌പുട്ട് പാക്കേജ്

സ്റ്റാൻഡേർഡ് Favicons

ബ്രൗസർ ടാബുകൾക്കും ബുക്ക്മാർക്കുകൾക്കുമായി favicon.ico (മൾട്ടി-സൈസ്), 16x16, 32x32, 48x48 PNG-കൾ.

Apple Touch ഐക്കണുകൾ

iOS ഹോം സ്ക്രീനിനായി 180x180 Apple Touch ഐക്കൺ, കൂടാതെ കസ്റ്റമൈസ് ചെയ്യാവുന്ന തീം നിറമുള്ള Safari പിൻ ചെയ്ത ടാബ് SVG.

Android & PWA ഐക്കണുകൾ

Android Chrome, പ്രോഗ്രസീവ് വെബ് ആപ്പുകൾ എന്നിവയ്ക്കായി 192x192, 512x512 ഐക്കണുകൾ, മാസ്‌കബിൾ ഐക്കൺ പിന്തുണയോടെ.

Windows ടൈലുകൾ

Windows സ്റ്റാർട്ട് മെനുവിനും ടാസ്‌ക്ബാർ ഇന്റഗ്രേഷനുമായി browserconfig.xml ഉള്ള 270x270 Microsoft ടൈൽ.

വെബ് മാനിഫെസ്റ്റ്

ഐക്കൺ റഫറൻസുകൾ, തീം നിറങ്ങൾ, PWA ഡിസ്പ്ലേ ക്രമീകരണങ്ങൾ എന്നിവയുള്ള പൂർണ്ണമായ site.webmanifest ഫയൽ.

പതിവായി ചോദിക്കുന്ന ചോദ്യങ്ങൾ

എനിക്ക് ഏതൊക്കെ favicon വലിപ്പങ്ങൾ ആവശ്യമാണ്?
കുറഞ്ഞത്: favicon.ico, 32x32 PNG, 180x180 Apple Touch ഐക്കൺ, Android/PWA-യ്ക്കായി 192x192/512x512. ഞങ്ങളുടെ 'അത്യാവശ്യ' പ്രീസെറ്റ് ആവശ്യമായ എല്ലാ വലിപ്പങ്ങളും യാന്ത്രികമായി ഉൾക്കൊള്ളുന്നു.
എന്തുകൊണ്ടാണ് എനിക്ക് ഒരു ICO ഫയൽ വേണ്ടത്?
ICO ഫോർമാറ്റിൽ ഒരു ഫയലിൽ ഒന്നിലധികം വലിപ്പങ്ങൾ അടങ്ങിയിരിക്കുന്നു, പഴയ പതിപ്പുകൾ ഉൾപ്പെടെ എല്ലാ ബ്രൗസറുകളും ഇത് പിന്തുണയ്ക്കുന്നു. പരമാവധി അനുയോജ്യത ഉറപ്പാക്കുന്ന പരമ്പരാഗത favicon ഫോർമാറ്റാണിത്.
എന്റെ favicon-ന് സുതാര്യമായ പശ്ചാത്തലം ഉണ്ടായിരിക്കണോ?
ബ്രൗസർ ടാബുകൾക്ക്, സുതാര്യത നന്നായി പ്രവർത്തിക്കുന്നു. iOS, Android ഹോം സ്ക്രീനുകൾക്ക്, ഐക്കണുകൾ വിവിധ വാൾപേപ്പറുകളിൽ ദൃശ്യമാകുന്നതിനാൽ സോളിഡ് അല്ലെങ്കിൽ ഗ്രേഡിയന്റ് പശ്ചാത്തലം പരിഗണിക്കുക.
എന്റെ സോഴ്സ് ഇമേജ് ചതുരമായിരിക്കണോ?
അതെ, favicons എപ്പോഴും ചതുരമാണ്. നിങ്ങളുടെ ചിത്രം ചതുരമല്ലെങ്കിൽ, അത് കൃത്യമായി യോജിപ്പിക്കാൻ ഞങ്ങളുടെ പാഡിംഗ്, സ്കെയിൽ നിയന്ത്രണങ്ങൾ ഉപയോഗിക്കുക. മികച്ച ഫലങ്ങൾക്കായി, ചതുര ചിത്രത്തിൽ നിന്ന് ആരംഭിക്കുക.
എന്റെ ചിത്രങ്ങൾ സുരക്ഷിതവും സ്വകാര്യവുമാണോ?
100% സ്വകാര്യം. എല്ലാ പ്രോസസ്സിംഗും ബ്രൗസർ-നേറ്റീവ് Canvas, Blob API-കൾ ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ ചിത്രങ്ങൾ ഒരിക്കലും നിങ്ങളുടെ ഉപകരണം വിട്ടുപോകില്ല — ഞങ്ങൾ ഡാറ്റയൊന്നും അപ്‌ലോഡ് ചെയ്യുകയോ സംഭരിക്കുകയോ കൈമാറുകയോ ചെയ്യുന്നില്ല.
ഏതൊക്കെ ഫ്രെയിംവർക്കുകൾ പിന്തുണയ്ക്കുന്നു?
React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails എന്നിവയുൾപ്പെടെ 35+ പ്ലാറ്റ്‌ഫോമുകൾക്കായി ഞങ്ങൾ കോഡ് സ്‌നിപ്പെറ്റുകൾ നൽകുന്നു.
പ്രോഗ്രസീവ് വെബ് ആപ്പുകളുടെ കാര്യമോ?
മാസ്‌കബിൾ വേരിയന്റുകൾ ഉൾപ്പെടെ ആവശ്യമായ എല്ലാ PWA ഐക്കണുകളും, കൂടാതെ ശരിയായ ഐക്കൺ ഡിക്ലറേഷനുകളും തീം നിറങ്ങളും ഉള്ള പൂർണ്ണമായ site.webmanifest ഫയലും ഞങ്ങളുടെ ജനറേറ്റർ സൃഷ്ടിക്കുന്നു.

Favicons മനസ്സിലാക്കുന്നു

ബ്രൗസറുകൾ, ബുക്ക്മാർക്കുകൾ, ഹോം സ്ക്രീനുകൾ, ആപ്പ് ലോഞ്ചറുകൾ എന്നിവയിൽ നിങ്ങളുടെ വെബ്സൈറ്റിനെ പ്രതിനിധീകരിക്കുന്ന ചെറിയ ഐക്കണുകളാണ് Favicons. ഉപയോക്താക്കൾ നിങ്ങളുടെ സൈറ്റ് കാണുന്ന എല്ലായിടത്തും നിങ്ങളുടെ ബ്രാൻഡ് പ്രൊഫഷണലായും തിരിച്ചറിയാൻ കഴിയുന്നതായും കാണപ്പെടുന്നുവെന്ന് ഒരു സമ്പൂർണ്ണ favicon സെറ്റ് ഉറപ്പാക്കുന്നു.

ICO ഫോർമാറ്റ്

ICO ഫോർമാറ്റ് ഒന്നിലധികം വലിപ്പങ്ങൾ (16x16, 32x32, 48x48) ഒരു ഫയലിലേക്ക് പാക്ക് ചെയ്യുന്നു. ആധുനിക ബ്രൗസറുകൾ PNG favicons പിന്തുണയ്ക്കുമ്പോൾ, പഴയ ബ്രൗസറുകളുമായും ചില ഡെസ്ക്ടോപ്പ് ആപ്ലിക്കേഷനുകളുമായും പരമാവധി അനുയോജ്യതയ്ക്ക് ICO അത്യന്താപേക്ഷിതമായി തുടരുന്നു.

PNG ഐക്കണുകൾ

ആധുനിക ബ്രൗസറുകൾ അവയുടെ വ്യക്തമായ ഗുണനിലവാരത്തിനും സുതാര്യത പിന്തുണയ്ക്കും PNG favicons ഇഷ്ടപ്പെടുന്നു. ഓരോ വലിപ്പവും ഓരോ ലക്ഷ്യം നിറവേറ്റുന്നു: ബ്രൗസർ ടാബുകൾക്ക് 16px-ഉം 32px-ഉം, iOS-ന് 180px, Android-നും PWA-കൾക്കും 192px/512px.

വെബ് ആപ്പ് മാനിഫെസ്റ്റ്

PWA ആയി ഇൻസ്റ്റാൾ ചെയ്യുമ്പോൾ നിങ്ങളുടെ സൈറ്റ് എങ്ങനെയിരിക്കുമെന്ന് site.webmanifest ഫയൽ നിർവചിക്കുന്നു. ആപ്പ് പോലുള്ള അനുഭവം സൃഷ്ടിക്കാൻ ബ്രൗസറുകൾ ഉപയോഗിക്കുന്ന ഐക്കണുകൾ, തീം നിറങ്ങൾ, ഡിസ്പ്ലേ മോഡ്, മറ്റ് മെറ്റാഡാറ്റ എന്നിവ ഇത് വ്യക്തമാക്കുന്നു.

SVG Favicons

Safari-യുടെ പിൻ ചെയ്ത ടാബ് ഫീച്ചർ ഒരു മോണോക്രോം SVG ഐക്കൺ ഉപയോഗിക്കുന്നു. ആധുനിക ബ്രൗസറുകളും SVG favicons നേരിട്ട് പിന്തുണയ്ക്കാൻ തുടങ്ങിയിരിക്കുന്നു, ഇത് അനന്തമായ സ്കെയിലബിലിറ്റിയും ചെറിയ ഫയൽ വലിപ്പവും നൽകുന്നു.