സൈറ്റിനായുള്ള ഫാവിക്കോൺ വലുപ്പം

വെബ് ഡിസൈൻ, നിങ്ങൾക്കറിയാവുന്നതുപോലെ, എല്ലാ വിശദാംശങ്ങളും പ്രധാനമാണ്. നിങ്ങളുടെ ഉറവിടത്തിലേക്ക് കടന്നുപോയ ഒരാൾ ഓരോ ഘടകങ്ങളും പ്രത്യേകം കാണാൻ കഴിയില്ല, പക്ഷേ മറ്റ് ചെറിയ വിശദാംശങ്ങൾ ഉൾക്കൊള്ളുന്ന ഒരു പാക്കേജായി മുഴുവൻ ഇമേജും കാണുന്നു. അതിനാൽ, നിങ്ങളുടെ വിഭവം വികസിപ്പിക്കുന്നതിനിടയിൽ എന്തെങ്കിലും നഷ്ടപ്പെട്ടാൽ, ഭാവിയിൽ ഈ വിശദാംശം മുഴുവൻ കോംപ്ലക്സും മുഴുവൻ കോശങ്ങളെ നശിപ്പിക്കാനാകും.

ഉദാഹരണമായി, ഒരു ബട്ടണിന്റെ പശ്ചാത്തലം, ചില ചെറിയ മൂലകത്തിന്റെ തെറ്റായ ഫോണ്ട്, ഒരു ഫാവിക്കോൺ പോലും. തീർച്ചയായും, നിങ്ങളെത്തന്നെ നോക്കിയാൽ, വലിയ, നന്നായി അറിയപ്പെടുന്ന സൈറ്റുകളിൽ ഉപയോക്താവിന്റെ ബ്രൌസറിലെ "ബുക്ക്മാർക്കുകൾ" വിഭാഗത്തിൽ ഇത് സൂചിപ്പിക്കുന്ന ഒരു ഐക്കൺ ഉണ്ട്. ഇത് കൂടാതെ, വിഭവത്തിന്റെ ഡവലപ്പർമാർക്ക് ആദ്യം അവർ ആവിഷ്ക്കരിച്ച രചന സൃഷ്ടിക്കാൻ കഴിയില്ല.

അതിനാൽ, നിങ്ങൾ നിങ്ങളുടെ സൈറ്റിനായി ഡിസൈൻ സൃഷ്ടിക്കുമ്പോൾ, ഫാവിക്കോൺ പോലുള്ള വിശദാംശങ്ങൾ ശ്രദ്ധിക്കേണ്ടതാണ്. ഈ ലേഖനത്തിൽ, വിഭവങ്ങളുടെ പൊതു രീതിയിൽ തിരഞ്ഞെടുക്കുന്നതെങ്ങനെ എന്നും ഈ ചിത്രത്തിന്റെ വലുപ്പം എന്തായിരിക്കണം എന്നതിനെക്കുറിച്ചും സംസാരിക്കും.

സൈറ്റ് ഐക്കൺ

ആദ്യം, ഈ ഘടകം എന്താണ് എന്ന് ഞങ്ങൾ നിർണ്ണയിക്കുന്നു. ഇപ്പോൾ നിങ്ങളുടെ ബ്രൗസറിന്റെ ടാബിന്റെ പേര് നോക്കുക. നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, ഇതിന്റെ ഇടതുഭാഗത്ത് റിസോഴ്സ് ലോഗോ ലളിതവൽക്കരിച്ച പതിപ്പ് സൂചിപ്പിക്കുന്ന ഒരു ചെറിയ ചിത്രമുണ്ട്. തിരയൽ ഫലങ്ങളിൽ ദൃശ്യമായ സൈറ്റിന്റെ പേര്ക്കും സമാന ചിത്രമുണ്ട്. തലക്കെട്ട് കാണുന്ന സമയത്ത് ഉപയോക്താവിനെ അടിസ്ഥാനമാക്കിയുള്ളതാണ് അത്.

അത്തരമൊരു ചിത്രം ആവശ്യമാണെന്ന് പല വെബ്മാസ്റ്ററുകളും മനസിലാക്കുന്നു - പക്ഷെ സൈറ്റിന്റെ സൈറ്റിന് എന്ത് അനുയോജ്യമാണ് അനുയോജ്യമെന്ന് വളരെ കുറച്ച് ആളുകൾക്ക് അറിയാം. അതുകൊണ്ട് ഈ ലേഖനത്തിൽ ഇത്തരം ഒരു ഐക്കൺ എങ്ങനെ തയ്യാറാക്കാം എന്നതിനെക്കുറിച്ചും അതിനെ നിങ്ങളുടെ റിസോഴ്സിൽ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം എന്നതിനെക്കുറിച്ചും മാത്രമേ ഞങ്ങൾ പറയുന്നുള്ളൂ.

ഫെവിക്കോണിന്റെ ഉദ്ദേശ്യം

അതിനാൽ, സൈറ്റിന്റെ തലക്കെട്ടടുത്തുള്ള ചിത്രം തിരിച്ചറിയാൻ സഹായിക്കുന്നു. ഇത് അതിന്റെ യഥാർത്ഥ ഉദ്ദേശം: സൈറ്റ്, പേര് കാണുന്നതിന്റെ പേര്, മറ്റുള്ളവരുടെ കണ്ണുകളിൽ ഇത് വേർതിരിച്ചറിയാൻ. ഇത് ഗ്രാഫിക്സ് ഉപയോഗിച്ച് സാധ്യമായത്ര എളുപ്പത്തിൽ ചെയ്യാം: ടെക്സ്റ്റ് ശൈലിയിൽ നിന്ന് വളരെ വേഗത്തിലും എളുപ്പത്തിലും ചിത്രങ്ങൾ അനായാസം മനസ്സിലാക്കുന്നു. ഫാവിക്കോണുകൾ ഇതിൽ നമ്മെ സഹായിക്കുന്നു. പക്ഷെ ഫാവിക്കോണിന്റെ വലുപ്പം ഉപയോക്താവിന് കുറച്ചു നേരമാണെന്ന കാര്യം മറക്കരുത്. സൈറ്റിന്റെ "ശീർഷകത്തിൽ" ഇത് ഒരു ലോഗോയല്ല, ലിസ്റ്റുകൾ, ചില വിശദീകരണങ്ങൾ അല്ലെങ്കിൽ സമ്പർക്ക വിവരങ്ങൾ എന്നിവയിൽ കൂടുതൽ വിവരങ്ങൾ ഉണ്ടായിരിക്കാം. നാമത്തിനടുത്തായി ഐക്കണിൽ കാണിക്കാവുന്ന എല്ലാം ഫാവിക്കോണിന്റെ വലുപ്പത്തിനടുത്തായിരിക്കണം. അവൻ ഇതിനകം സൂചിപ്പിച്ചതുപോലെ, ഒരു മിനിയേച്ചർ ആണ് (16 പിക്സലുകൾ മാത്രം).

ഒരു ഫാവിക്കോൺ എങ്ങനെ തിരഞ്ഞെടുക്കാം?

അങ്ങനെ ഒരു വെബ്മാസ്റ്റർ എങ്ങനെ തന്റെ വെബ്സൈറ്റിൽ ഒരു ഐക്കൺ വികസിപ്പിക്കും? സൈറ്റ് സൈറ്റിന്റെ ലോഗോ ചൂഷണം ചെയ്യുന്നത് മിക്കപ്പോഴും, പ്രവർത്തിക്കില്ല. ഒരു പ്രത്യേക വിഭവത്തിന്റെ ലോഗോ രൂപത്തിൽ അടയാളപ്പെടുത്തിയ ചിഹ്നങ്ങളിൽ മിക്കപ്പോഴും വ്യത്യസ്ത ഘടകങ്ങൾ ദൃശ്യമാണ്, അത് ഒരു മിനിയേച്ചർ രൂപത്തിൽ എല്ലായ്പ്പോഴും ശരിയായി ദൃശ്യമാകില്ല. അത്തരം ഒരു ഉടമ്പടി ഉടനടി ഉപേക്ഷിക്കുന്നതാണ് നല്ലത്.

തീർച്ചയായും, ഫാവിക്കോണിന്റെ വലിപ്പം നമ്മെ അവിടെ ഒരു ലിഖിതം ചേർക്കുന്നതിനെക്കുറിച്ച് സംസാരിക്കാൻ അനുവദിക്കുന്നില്ല. ഈ പ്രമേയത്തിൽ ഏതെങ്കിലും വാചകം അദൃശ്യമായിരിക്കില്ല. സൈറ്റിന്റെ ശൈലി വെളിപ്പെടുത്തുന്ന ഒരു പുതിയ ഐക്കൺ ഞങ്ങൾ വികസിപ്പിക്കേണ്ടതുണ്ട്. പരിഹാരങ്ങൾ കണ്ടുപിടിക്കാൻ, നമുക്ക് വീണ്ടും ഏറ്റവും വലിയ സൈറ്റുകളിലേക്ക് പോകാം.

ഫാവിക്കോണിന്റെ രൂപത്തിൽ വളരെയധികം ഉപയോഗവും സേവനത്തിന്റെ പേരിന്റെ ആദ്യ അക്ഷരം. ഉദാഹരണത്തിന് Bing, Yahoo, Yandex, Wikipedia, Google, do. മറ്റൊരു സമീപനമുണ്ട് - നിങ്ങൾക്ക് ഒരു ചെറിയ സൈറ്റിന്റെ പേര് ഉണ്ടെങ്കിൽ, നിങ്ങളുടെ ഐക്കണിന്റെ പശ്ചാത്തലമായി സജ്ജമാക്കാൻ കഴിയും. ഈ ലിഖിതം ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന് ഫേവൈകോണിന്റെ വലുപ്പത്തിൽ (പിക്സലിൽ ഇത് എത്തുകയാണെങ്കിൽ, 16 മടങ്ങ് ഞാൻ 16 ആവർത്തിക്കും), ഇത് 3 അക്ഷരങ്ങളിൽ കൂടുതൽ ഉണ്ടായിരിക്കരുത്. ഉദാഹരണമായി, AOL സേവനം.

ഒരു ഫാവിക്കോൺ സൃഷ്ടിക്കുന്നതെങ്ങനെ?

നിരവധി മാർഗങ്ങളുള്ള ഒരു വെബ്സൈറ്റ് നാമത്തിനായി നിങ്ങൾക്ക് ഒരു ഐക്കൺ ഉണ്ടാക്കാം. തീർച്ചയായും, വ്യത്യസ്തങ്ങളായ റെഡിമെയ്ഡ് സൊല്യൂഷനുകൾ ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നത് ലളിതമാണ്. ഇത് ഒരു പൂർണ്ണ ഇമേജിൽ നിന്ന് ഒരു ഐക്കൺ ഉണ്ടാക്കാൻ അനുവദിക്കുന്ന ഏതെങ്കിലും സേവനങ്ങൾ അല്ലെങ്കിൽ പ്രോഗ്രാമുകൾ അത് കുറയ്ക്കാം. എന്നിരുന്നാലും, നിങ്ങളുടേതായ ലോഗോ വികസിപ്പിക്കാൻ ഞാൻ ശുപാർശചെയ്യുന്നു. ഇത് ആദ്യം, എന്തെങ്കിലും പഠിക്കാൻ അവസരം നൽകും. രണ്ടാമത്, ഇത് കൂടുതൽ ഉപകരണങ്ങൾ നൽകും. ഇത് ചെയ്യാൻ നിങ്ങൾക്ക് ചെയ്യേണ്ടത് എന്താണെന്നും, ഫാവിക്കോൺ അവസാന രൂപത്തിൽ എന്തു വലിപ്പം വേണമെന്നു മനസ്സിലാക്കുകയും ചെയ്യുക. സൈറ്റിന്റെ ഐക്കണിന്റെ വലുപ്പത്തെക്കുറിച്ച്, കുറച്ച് കഴിഞ്ഞ് ഞങ്ങൾ സംസാരിക്കും, എന്നാൽ ഇപ്പോൾ, അത്തരം ചിത്രങ്ങളുമായി പ്രവർത്തിക്കാനുള്ള കൂലിയുടെ ചിലത് ശ്രദ്ധിക്കുക. പ്രത്യേകിച്ച്, സൈറ്റിനായുള്ള ഫാവിക്കോൺ വലുപ്പം സൂചിപ്പിക്കാതെ, നിങ്ങൾ ഈ ഇമേജിന്റെ ഫോർമാറ്റ് വ്യക്തമാക്കണം. പരിചയസമ്പന്നരായ ഡിസൈനർമാർ കണ്ടത് പോലെ, ചിത്രം സംരക്ഷിക്കണം .PNG (24-ബിറ്റ്), അല്ലെങ്കിൽ file.ICO ആയി.

ഉദാഹരണത്തിന്, ചിത്രം സംരക്ഷിക്കാൻ കഴിയും, ഫോട്ടോഷോപ്പ് ഉപയോഗിച്ച്, അതിൽ ചിഹ്നം വരയ്ക്കപ്പെടും.

ഫാവിക്കോൺ വലുപ്പം

ഇപ്പോൾ, നമുക്ക് ചിത്രം എത്ര വലുതാണെന്നതിനെക്കുറിച്ച് നമുക്ക് സംസാരിക്കാം, തിരയൽ ഫലങ്ങളിൽ സൈറ്റിന്റെ നാമത്തിനടുത്തായി ഞങ്ങൾ കാണുന്നു. സ്വതവേ, മുമ്പു പറഞ്ഞതുപോലെ, ഇതിന്റെ വ്യാപ്തി 16 പിക്സൽ (ഓരോ വശത്തും) മാത്രം. എന്നിരുന്നാലും, ഈ ചിത്രം ഫോട്ടോഷോപ്പിൽ എഡിറ്റുചെയ്യാൻ ശ്രമിച്ചാൽ, ഇത് എത്രത്തോളം ഹാനികരമായതാണെന്ന് നിങ്ങൾ തന്നെ കാണും. അതിനാൽ, വിശാലമായ ചിത്രം ഉപയോഗിച്ച് പ്രവർത്തിക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു, ഭാവിയിൽ അത് എല്ലായ്പ്പോഴും അരികുകൾക്ക് ചുറ്റുമുള്ളതും ആവശ്യമായ ഫോർമാറ്റിൽ സംരക്ഷിക്കുന്നതുമാണ്.

മൾട്ടിപ്ലാൻറ്

എന്നിരുന്നാലും, ഫാവിക്കോണിന്റെ വലുപ്പത്തെക്കുറിച്ച് സംസാരിക്കേണ്ടത് നിങ്ങളുടെ സൈറ്റിലായിരിക്കണം, ഓർമ്മിക്കാൻ ഒരു കാര്യം കൂടി. എല്ലാ പ്ലാറ്റ്ഫോമുകളും റിസോഴ്സ് ഇമേജ് അതേ രീതിയിൽ പ്രദർശിപ്പിക്കില്ല. ഉദാഹരണത്തിന്, റെറ്റിന ഡിസ്പ്ലേയുള്ള ഉപകരണങ്ങൾ നിങ്ങളുടെ ഫേവൈകോൺ 32 "32" പിക്സലിൽ "കാണുക". Safari- ലും പുതിയ വിൻഡോസ് പ്ലാറ്റ്ഫോമിലും, ഈ ഐക്കണുകൾക്ക് 64 പിക്സൽ വലിപ്പം ഉണ്ട്.

അതുകൊണ്ട്, ഐക്കണിന്റെ ഭാവി പതിപ്പുകളും ഭാവിയിൽ നിങ്ങൾ സംരക്ഷിക്കണമെന്ന് ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു, ഉപയോക്താവിന്റെ പ്ലാറ്റ്ഫോമിനെ ആശ്രയിച്ച് അതിന്റെ പരിഷ്ക്കരണത്തിനായി മാത്രം അത് നൽകുകയാണ്. മറ്റൊരു രസകരമായ വസ്തുത - ഏറ്റവും വലിയ ഫോർമാറ്റിലുള്ള ഐക്കൺ ഡൌൺലോഡ് ചെയ്യാൻ നിങ്ങൾക്ക് ശ്രമിക്കാം, ബ്രൌസറിനെ ആശ്രയിച്ച് "ചുരുക്കുക" എന്ന് പ്രതീക്ഷിക്കുന്നു.

അധികമായ എഡിറ്റർമാർ

തീർച്ചയായും, ഫോട്ടോഷോപ്പ് മനസിലാക്കിയാൽ ഫാവിക്കോൺ എത്ര വലുപ്പമുള്ളതാണെന്നും അതു നേടാൻ നിങ്ങളുടെ ഇമേജ് സംരക്ഷിക്കുന്നതെങ്ങനെയെന്നും നിങ്ങൾക്കറിയാം. എന്നിരുന്നാലും, ഗ്രാഫിക് എഡിറ്റർമാർക്ക് കുറച്ചുകൂടി നേരത്തേക്കെങ്കിലും ലഭിക്കാത്ത പുതിയ പുതുക്കന്മാർ ഉണ്ട്, അതിനാൽ അവർക്കാവശ്യമുള്ള ചിത്രം വരയ്ക്കാനാകില്ല. ഈ വെബ് മാസ്റ്ററുകളെ സഹായിക്കുന്നതിന്, നിങ്ങൾക്ക് സ്വയമേവയുള്ള ഒരു ഐക്കൺ ഉണ്ടാക്കാൻ അനുവദിക്കുന്ന വിവിധ സേവനങ്ങൾ ഉണ്ട്. അവയിൽ മിക്കതും സൌജന്യവുമാണ്, അത് ഉപയോക്താവിൽ നിന്ന് എന്തെങ്കിലും നിക്ഷേപം ആവശ്യമില്ല.

ജോലിക്ക് വേണ്ടി, ചിലപ്പോൾ നിങ്ങൾക്ക് രജിസ്റ്റർ ചെയ്യണം, പക്ഷേ, നിങ്ങൾക്കറിയാവുന്നതുപോലെ, ഇത് ഒരിക്കൽ ചെയ്യപ്പെടും - പലപ്പോഴും കമ്പനികൾ ഫാവിക്കോൺ മാറ്റില്ല. Google- ൽ എല്ലാ ദിവസവും നോക്കൂ, അത് ലോഗോ മാറുന്നു, എന്നാൽ ഐക്കൺ സ്പർശിച്ചിട്ടില്ല.

ഫാവിക്കോൺ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം?

പൊതുവേ, നിങ്ങൾക്കാവശ്യമുള്ള ഇമേജ് ശരിയായി പ്രദർശിപ്പിക്കുന്ന വിധത്തിൽ നിങ്ങളുടെ സൈറ്റ് ഇഷ്ടാനുസൃതമാക്കുന്നതിന്, അത് വളരെ ലളിതമാണ്. വിവരങ്ങൾ വായിക്കാൻ തിരയൽ എഞ്ചിനുകളും അതുപോലെ ലളിതമായ ബ്രൌസറുകളും അനുവദിക്കുന്ന നിരവധി ലളിതമായ പ്രവർത്തനങ്ങൾ നടത്താൻ ഇത് മതിയാകും.

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

ഈ നിർദ്ദേശത്തിന് പുറമേ, നിങ്ങളുടെ ഐക്കൺ സ്ഥിതി ചെയ്യുന്ന "പ്രോംപ്റ്റിൽ" നിങ്ങൾക്ക് ഒരു വരി കൂടി ചേർക്കാനാകും. ഇത് ഇതുപോലെ കാണപ്പെടുന്നു:

സൈറ്റിന്റെ ശീർഷകത്തിൽ കോഡ് ഇൻസ്റ്റാൾ ചെയ്യുക.

നിഗമനങ്ങൾ

അതിനാൽ, ഞങ്ങളുടെ ലേഖനം വായിച്ചതിനുശേഷം, സൈറ്റിന്റെ ഫാവിക്കോൺ സൈസും എന്താണെന്നതും നിങ്ങൾക്ക് മനസ്സിലായി. കൂടാതെ, നിങ്ങളുടെ വിഭവത്തിന്റെ ശരിയായ ചിഹ്നം കണ്ടുപിടിക്കുക എന്നത് അനിവാര്യമാണെന്ന് ഞാൻ കരുതുന്നു, കാരണം നിങ്ങളുടെ അംഗീകാരത്തിനിടയിലും നിങ്ങളുടെ അംഗീകാരത്തിനായുള്ള വർദ്ധിച്ച അംഗീകാരം കണക്കിലെടുത്ത് അത് നിങ്ങളുടെ കൈകളിലേക്ക് ആകർഷിക്കുന്നു. കുറഞ്ഞപക്ഷം, ഏറ്റവും വലിയ സൈറ്റുകൾ അതേ കാര്യം തന്നെ ചെയ്യുന്നു, അത് ഒരു വ്യക്തമായ ഉദാഹരണമായി കണക്കാക്കാം. പിന്നെ, അത് പ്രത്യേകശ്രമത്തിന് കാരണമാവില്ല - ഒരിക്കൽ ഫാവിക്കോനെ ഉണ്ടാക്കി, അത് നിങ്ങളുടെ സൈറ്റിൽ ശരിയായി ഇൻസ്റ്റാൾ ചെയ്തതിനുശേഷം അടുത്ത ഏതാനും മാസങ്ങൾക്കുള്ളിൽ നിങ്ങൾക്ക് അത് മറക്കാൻ കഴിയും.

അതുകൊണ്ട്, ധൈര്യത്തോടെ പരീക്ഷണം നടത്തുക, പുതിയ എന്തെങ്കിലും കൊണ്ടുവരുവാൻ ശ്രമിക്കുക, എല്ലാം ശ്രമിക്കും!