ஃபேவிகான் என்றால் என்ன? பொருள், பயன்கள், முக்கியத்துவம்

Q: PNG அல்லது SVG பயன்படுத்தினாலும் favicon.ico தேவையா?

இன்னும் அது நல்ல யோசனை. உலாவிகளும் சில கருவிகளும் இயல்பாக /favicon.ico-ஐக் கோருகின்றன, பழைய மென்பொருள் அதையே நம்பியுள்ளது. தள ரூட்டில் ICO கோப்பை வைத்திருப்பது 404 பிழைகளைத் தடுத்து, SVG அல்லது PNG ஆதரிக்கப்படாதபோது பாதுகாப்பான மாற்றை வழங்குகிறது.

ஃபேவிகான் (“favorite icon” என்பதன் சுருக்கம்) என்பது உலாவி தாவல்கள், புக்மார்க்குகள், வரலாற்றுப் பட்டியல்கள், கூகுள் தேடல் முடிவுகள், தொலைபேசி முகப்புத் திரைகள் மற்றும் நிறுவப்பட்ட வலை ஆப்களில் ஒரு இணையதளத்தைக் குறிக்கும் சிறிய சதுரப் படம். இது உங்கள் தளத்துக்கு ஒரே பார்வையில் அடையாளம் காணக்கூடிய முகத்தைத் தருகிறது, பல தாவல்கள் திறந்திருக்கும்போது அதைக் கண்டுபிடிப்பதை எளிதாக்குகிறது, தளம் தொழில்முறையானது மற்றும் நம்பகமானது என்பதைக் காட்டுகிறது, இப்போது கூகுள் முடிவுகளிலும் உங்கள் தளப் பெயருக்கு அருகில் காட்டப்படுகிறது. அது இல்லையெனில், பார்வையாளர்கள் பொதுவான உலகக்கோள வடிவ அல்லது வெற்றுப் பக்க ஐகானைப் பார்ப்பார்கள், உங்கள் சர்வர் பதிவுகளும் 404 பிழைகளால் நிரம்பும். MakeFav ஃபேவிகான் ஜெனரேட்டர் மூலம் முழுமையான ஃபேவிகான் தொகுப்பை இலவசமாக உருவாக்கலாம்.

ஃபேவிகான் என்றால் என்ன?

ஃபேவிகான் என்பது சிறிய பிராண்ட் கிராஃபிக்; பொதுவாக லோகோவின் எளிமையாக்கப்பட்ட வடிவம் அல்லது ஒரு எழுத்து அல்லது சின்னம். உலாவிகளும் பிற மென்பொருளும் அதை உங்கள் இணையதளத்திலிருந்து பெற்று, சுருக்கமான காட்சி அடையாளம் தேவைப்படும் இடங்களில் காட்டுகின்றன. டெஸ்க்டாப் உலாவியில் இது பொதுவாக 16 x 16 CSS பிக்சல்களில் வரையப்படும்; ஆனால் அதிக அடர்த்தி கொண்ட திரைகளிலும் தெளிவாகத் தெரிய கோப்பு பெரிதாக இருக்க வேண்டும்.

தொழில்நுட்ப ரீதியாக, ஃபேவிகான் என்பது உங்கள் HTML-இல் குறிப்பிடப்படும் (அல்லது இயல்புநிலை இடத்தில் காணப்படும்) ஒரு பட கோப்பு; யூசர் ஏஜென்ட்கள் அதைப் பக்க உள்ளடக்கத்திலிருந்து தனியாகப் பதிவிறக்குகின்றன. இன்று “ஃபேவிகான்” என்பது அரிதாகவே ஒரே கோப்பாக இருக்கும். உலாவிகள், தேடுபொறிகள், iOS மற்றும் Android அனைத்திற்கும் பொருத்தமான வடிவமும் அளவும் கிடைக்க, நவீன தளம் பொதுவாக ஒரே ஐகானின் பல பதிப்புகளை வழங்குகிறது.

ஃபேவிகானின் சுருக்க வரலாறு

ஃபேவிகான் 1999 மார்ச் மாதத்தில் மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் 5-ஐ வெளியிட்டபோது தொடங்கியது. அந்த உலாவி பயனர்கள் பக்கங்களை “Favorites” பட்டியலில் சேமிக்க அனுமதித்தது; சேமித்த ஒவ்வொரு உள்ளீட்டுக்கும் அருகில் காட்ட, தளத்தின் ரூட்டில் favicon.ico என்ற சிறிய ஐகான் கோப்பையும் தேடியது. யோசனை எளிமையானது: ஒரு தளம் /favicon.ico வழங்கினால், அந்த ஐகான் புக்மார்க்குக்கு அருகில் தோன்றும்.

விரைவிலேயே பிற உலாவிகளும் இந்த அம்சத்தை ஏற்றுக்கொண்டன, தாவல் உலாவல் அதை மிகவும் பயனுள்ளதாக்கியது. மக்கள் வழிநடத்த தாவல்களே முக்கிய வழியாக மாறியதால், ஃபேவிகான் புக்மார்க் அலங்காரத்திலிருந்து முக்கிய வழிசெலுத்தல் உதவியாக மாறியது. ஆண்டுகளில் இந்த அணுகுமுறை பரிணமித்தது:

2000-களின் தொடக்கம்: <link rel="icon"> உறுப்பு, ரூட்டில் மட்டுமின்றி எந்த URL-இலும் உள்ள ஐகானைச் சுட்ட தளங்களை அனுமதித்தது; IE அல்லாத உலாவிகளில் PNG மற்றும் GIF கோப்புகளும் ஏற்கப்படத் தொடங்கின.
2010-கள்: iOS முகப்புத் திரைகளுக்காக Apple apple-touch-icon-ஐ அறிமுகப்படுத்தியது; Android மற்றும் Windows தங்களுக்கான மேனிஃபெஸ்ட் ஐகான்கள், டைல் படங்கள் போன்ற மரபுகளைச் சேர்த்தன.
இன்று: SVG ஃபேவிகான்கள், வலை ஆப் மேனிஃபெஸ்ட்கள், டார்க் மோடுக்கு ஏற்ற ஐகான்கள் மற்றும் கூகுளின் தேடல் முடிவு ஃபேவிகான் தேவைகள் ஆகியவை ஃபேவிகானை ஒரு தளத்தின் தொழில்நுட்ப அமைப்பின் சிறிய ஆனால் உண்மையான பகுதியாக்கியுள்ளன.

இன்று ஃபேவிகான்கள் தோன்றும் இடங்கள்

உங்கள் ஃபேவிகான் உலாவி தாவலைத் தவிர இன்னும் பல இடங்களில் காட்டப்படுகிறது. முக்கியமானவை:

உலாவி தாவல்கள்: மிகவும் தெரியும் இடம்; பல தாவல்கள் திறந்திருக்கும்போது பெரும்பாலும் ஐகான் மட்டுமே தெரியும்.
புக்மார்க்குகள் மற்றும் பிடித்தவை: புக்மார்க் பார்கள் மற்றும் மெனுக்களில் பக்கத் தலைப்புக்கு அருகில் ஐகான் இருக்கும்.
வரலாறு மற்றும் அதிகம் பார்த்த பக்கங்கள்: உலாவிகள் வரலாற்றுப் பட்டியல்களிலும் புதிய தாவல் பக்கங்களிலும் ஃபேவிகான்களைக் காட்டுகின்றன.
கூகுள் தேடல் முடிவுகள்: மொபைல், டெஸ்க்டாப் இரண்டிலும், கூகுள் தளப் பெயர் மற்றும் URL-க்கு அருகில் தளத்தின் ஃபேவிகானைக் காட்டுகிறது.
முகப்புத் திரைகள்: பார்வையாளர் உங்கள் தளத்தை iOS அல்லது Android முகப்புத் திரையில் சேர்க்கும்போது, டச் ஐகான் அல்லது மேனிஃபெஸ்ட் ஐகான் ஆப் போன்ற குறுக்குவழியாகிறது.
நிறுவப்பட்ட PWA-க்கள்: ப்ரோக்ரெசிவ் வலை ஆப், அதன் லாஞ்சர் ஐகான், ஸ்பிளாஷ் திரை மற்றும் டாஸ்க் ஸ்விட்சருக்கு வலை ஆப் மேனிஃபெஸ்டில் உள்ள ஐகான்களைப் பயன்படுத்துகிறது.
Windows டைல்கள் மற்றும் பின் செய்த தளங்கள்: பழைய Windows மற்றும் Edge பதிப்புகள் பின் செய்த தளங்களுக்காக வரையறுக்கப்பட்ட டைல் படங்களைப் பயன்படுத்தின; நவீன பதிப்புகள் பெரும்பாலும் உங்கள் வழக்கமான ஐகான்களையே பயன்படுத்துகின்றன.
சில ஆப்களில் இணைப்பு முன்னோட்டங்கள்: சில அரட்டை மற்றும் உற்பத்தித்திறன் கருவிகள் (Slack நன்கு அறியப்பட்ட எடுத்துக்காட்டு) விரிக்கப்பட்ட இணைப்புக்கு அருகில் தளத்தின் ஃபேவிகானைக் காட்டுகின்றன. பெரும்பாலான முன்னோட்டங்கள் முக்கியமாக Open Graph படங்களையே நம்பியுள்ளன, ஆனால் சிறிய பிராண்ட் குறியை ஃபேவிகான் அடிக்கடி வழங்குகிறது.

உங்கள் இணையதளத்திற்கு ஃபேவிகான் ஏன் முக்கியம்

பிராண்ட் அடையாளம்

மக்கள் உரையைப் படிப்பதை விட நிறங்களையும் வடிவங்களையும் வேகமாக அடையாளம் காண்கிறார்கள். தாவல்கள், புக்மார்க்குகள், தேடல் முடிவுகளில் மீண்டும் மீண்டும் தோன்றும் ஒரே மாதிரியான ஐகான், பார்க்கும் ஒவ்வொரு முறையும் பழக்கத்தை உருவாக்குகிறது; இது ஒவ்வொரு வருகையிலும் கிடைக்கும் இலவச பிராண்ட் வெளிப்பாடு.

நம்பிக்கையும் நம்பகத்தன்மையும்

ஃபேவிகான் இல்லாதது தளத்தை முழுமையடையாததாகக் காட்டுகிறது. சுத்தமான, சரியாகத் தோன்றும் ஐகான், விவரங்களில் யாரோ கவனம் செலுத்துகிறார்கள் என்பதற்கான சிறிய அடையாளம்; இது தளம் முறையானது என்ற எண்ணத்தை ஆதரிக்கிறது. இது பாதுகாப்பு அம்சம் அல்ல, ஃபிஷிங் தளங்களும் ஐகான்களை நகலெடுக்கலாம்; ஆனால் வெற்று இயல்புநிலை ஐகான் ஒரு வணிகத்தை நிலைபெற்றதாகக் காட்ட அரிதாகவே உதவும்.

தேடல் முடிவுகளில் கிளிக்-த்ரூ விகிதம்

கூகுள் உங்கள் பட்டியலுக்கு அருகில் ஃபேவிகானைக் காட்டுவதால், போட்டியாளர்களுக்கு அருகில் உங்கள் முடிவு எப்படித் தோன்றுகிறது என்பதன் ஒரு பகுதியாக அது மாறுகிறது. ஃபேவிகான்களுக்கு தரவரிசை தாக்கம் இருப்பதாக கூகுள் அறிவிக்கவில்லை, எனவே தரவரிசை உயர்வை எதிர்பார்க்கக் கூடாது. பலன் காட்சி அடையாளம் சார்ந்தது: உங்கள் ஐகானை அறிந்த பயனர்கள் உங்கள் முடிவைக் கண்டு தேர்ந்தெடுக்க அதிக வாய்ப்புள்ளது, குறிப்பாக முடிவுகள் சுருக்கமாக இருக்கும் மொபைலில்.

பல தாவல்கள் திறந்திருக்கும்போது பயன்பாட்டு எளிமை

உலாவியில் இருபது தாவல்கள் திறந்திருக்கும்போது, தலைப்புகள் முழுவதுமாக வெட்டப்பட்டு ஃபேவிகான் மட்டுமே மிஞ்சுகிறது. தனித்துவமான ஐகான் உங்கள் தாவலை உடனே கண்டுபிடித்து, நகல் ஒன்றைத் திறப்பதற்குப் பதிலாக அதற்கே திரும்பச் செல்ல மக்களுக்கு உதவுகிறது.

தொழில்முறை தோற்றம்

நன்கு வடிவமைக்கப்பட்ட ஃபேவிகான், உங்கள் தளத்தின் மற்ற பகுதிகளில் உள்ள அதே கவனத்தைக் காட்டுகிறது. தயாரிப்புப் பக்கங்கள், ஆவணங்கள், வலைப்பதிவுகள், வலை ஆப்கள் எதுவாக இருந்தாலும், சேர்க்கக்கூடிய மிகக் குறைந்த செலவிலான மெருகூட்டல்களில் இதுவும் ஒன்று.

தாவல் கண்டறிதலில் அணுகல்தன்மை

படிப்பதை விட பார்வையால் தேடும் பயனர்களுக்கு, டிஸ்லெக்சியா அல்லது அறிதிறன் வேறுபாடுகள் உள்ளவர்கள் உட்பட, பணிகளுக்கு இடையே விரைவாக மாறுபவர்களுக்கு ஐகான்கள் உதவுகின்றன. அதிக மாறுபாடும் எளிய வடிவமும் கொண்ட ஐகானை அடையாளம் காண்பது எளிது. ஆனால் ஃபேவிகான் ஒரு கூடுதல் உதவி மட்டுமே என்பதை நினைவில் கொள்ளுங்கள்: ஸ்கிரீன் ரீடர்களும் உதவித் தொழில்நுட்பமும் நம்பியிருக்கும் தெளிவான பக்கத் தலைப்புக்கு அது மாற்றாகாது.

ஃபேவிகான் இல்லாவிட்டால் என்ன நடக்கும்

உங்கள் HTML ஒன்றைக் குறிப்பிடாவிட்டாலும், உலாவிகள் தானாகவே உங்கள் டொமைனின் ரூட்டிலிருந்து /favicon.ico-ஐக் கோருகின்றன. கோப்பு இல்லையெனில், பல விஷயங்கள் நடக்கின்றன:

பொதுவான ஐகான்: பார்வையாளர்கள் தாவலிலும் புக்மார்க்குகளிலும் இயல்புநிலை உலகக்கோளம், ஆவணம் அல்லது வெற்று ஐகானைப் பார்க்கிறார்கள்; இது அடையாளமற்றதாகத் தெரிகிறது.
உங்கள் பதிவுகளில் 404 பிழைகள்: கோப்பைக் கேட்கும் ஒவ்வொரு உலாவியும் தோல்வியடைந்த கோரிக்கையை உருவாக்குகிறது. பரபரப்பான தளங்களில் இது அணுகல் பதிவுகள், பிழை கண்காணிப்பு மற்றும் பகுப்பாய்வில் இரைச்சலைச் சேர்த்து, உண்மையான சிக்கல்களை மறைக்கக்கூடும்.
கூகுள் முடிவுகளில் ஐகான் இல்லை: செல்லுபடியாகும், கிராலிங் செய்யக்கூடிய ஃபேவிகான் இல்லாவிட்டால், கூகுள் உங்கள் பட்டியலுக்கு அருகில் தனது இயல்புநிலை இடஒதுக்கீட்டைக் காட்டுகிறது.
வீணான கோரிக்கைகள்: உலாவிகள் மீண்டும் முயற்சிக்கலாம்; இது உங்கள் சர்வருக்கு சிறிய ஆனால் பயனற்ற சுமையைச் சேர்க்கிறது.

மிக எளிய ஐகான் கூட எதுவுமில்லாததை விடச் சிறந்தது; ஏனெனில் அது 404-களை நீக்கி, பயனர்களுக்கு அடையாளம் காணக்கூடிய ஒன்றைத் தருகிறது.

ஃபேவிகான் வடிவங்கள் விளக்கம்

எந்த ஒரு வடிவமும் எல்லா தளங்களையும் உள்ளடக்காது, எனவே பெரும்பாலான தளங்கள் சிறிய கோப்புத் தொகுப்பைப் பயன்படுத்துகின்றன.

வடிவம் / கோப்பு	வழக்கமான அளவு	பயன்பாடு	குறிப்புகள்
ICO (`favicon.ico`)	ஒரே கோப்பில் 16, 32, 48 px	பழைய உலாவிகள், இயல்புநிலை ரூட் கோரிக்கை, கூகுள்	பல அளவுகளைக் கொண்டிருக்க முடியும்; மிக அகன்ற இணக்கத்தன்மை
PNG	32, 96, 192 px மற்றும் அதற்கு மேல்	நவீன உலாவிகள், கூகுள் முடிவுகள்	வெளிப்படைத்தன்மையை ஆதரிக்கிறது; உருவாக்க எளிது
SVG	அளவு மாறக்கூடியது	நவீன டெஸ்க்டாப் உலாவிகள்	எந்த அளவிலும் தெளிவாக இருக்கும்; CSS மூலம் டார்க் மோடுக்கு ஏற்ப மாறலாம்; ICO அல்லது PNG மாற்றுக் கோப்பையும் வைத்திருங்கள்
Apple touch icon	180 x 180 px	iOS மற்றும் iPadOS முகப்புத் திரைகள்	ஒளிபுகும் பின்னணியைப் பயன்படுத்துங்கள்; iOS வட்டமான மூலைகளைச் சேர்க்கும்
மேனிஃபெஸ்ட் ஐகான்கள்	192 x 192 மற்றும் 512 x 512 px	Android, PWA நிறுவல், ஸ்பிளாஷ் திரைகள்	`site.webmanifest`-இல் பட்டியலிடப்படும்; தகவமைக்கும் வடிவங்களுக்கு maskable பதிப்பையும் சேர்க்கவும்

பழைய Windows டைல் படங்கள் (browserconfig.xml மூலம் கட்டமைக்கப்பட்டவை) இன்டர்நெட் எக்ஸ்ப்ளோரர் 11 மற்றும் பழைய Edge-க்குத் தேவைப்பட்டன. அந்தச் சூழல்களை ஆதரிக்க வேண்டிய அவசியம் இல்லாவிட்டால் இப்போது அவை அரிதாகவே தேவைப்படுகின்றன.

தேடல் முடிவுகளுக்கான கூகுளின் ஃபேவிகான் வழிகாட்டுதல்கள்

உங்கள் ஐகான் கூகுள் தேடலில் தோன்ற வேண்டுமெனில், கூகுள் வெளியிட்டுள்ள தேவைகளைப் பின்பற்றுங்கள்:

அளவு: படம் சதுரமாக (1:1) இருக்க வேண்டும், மேலும் 48 பிக்சலின் மடங்காக இருக்க வேண்டும்; எடுத்துக்காட்டாக 48x48, 96x96 அல்லது 144x144. பின்னர் கூகுள் அதைக் காட்சிக்காக 16x16 ஆகக் குறைக்கிறது. குறைந்தபட்ச ஆதரிக்கப்படும் அளவு 8x8, ஆனால் 48x48 அல்லது பெரியது பரிந்துரைக்கப்படுகிறது.
வடிவங்கள்: ICO, PNG, SVG உட்பட உலாவிகள் ஆதரிக்கும் எந்த வடிவமும் செயல்படும்.
நிலையான URL: ஃபேவிகான் URL-ஐ அடிக்கடி மாற்றாதீர்கள். நிலையான முகவரி உங்கள் ஐகானைப் புதுப்பித்த நிலையில் வைக்க கூகுளுக்கு உதவுகிறது.
கிராலிங் செய்யக்கூடியது: ஃபேவிகான் கோப்பும் உங்கள் முகப்புப் பக்கமும் Googlebot-க்கு அணுகக்கூடியதாக இருக்க வேண்டும். அவற்றை robots.txt-இல் அல்லது உள்நுழைவுக்குப் பின்னால் தடுக்காதீர்கள்.
தளத்திற்கு ஒரே அறிவிப்பு: ஐகான் தளத்தின் முகப்புப் பக்கத்துடன் இணைக்கப்படுவதால், <link> குறிச்சொல்லை உங்கள் முகப்புப் பக்கத்தின் head-இல் வையுங்கள்.
பிரதிநிதித்துவமானதும் பொருத்தமானதும்: ஐகான் உங்கள் பிராண்டைப் பிரதிபலிக்க வேண்டும்; புண்படுத்தும் அல்லது தவறாக வழிநடத்தும் ஐகானை கூகுள் தனது இயல்புநிலை ஐகானால் மாற்றக்கூடும்.

ஃபேவிகானை வெளியிட்ட அல்லது மாற்றிய பிறகு, கூகுள் அதை மீண்டும் கிராலிங் செய்து புதுப்பிக்க நாட்கள் முதல் வாரங்கள் வரை ஆகலாம்; எனவே உடனடி மாற்றத்தை எதிர்பார்க்காதீர்கள்.

MakeFav மூலம் ஃபேவிகானை விரைவாக உருவாக்குவது எப்படி

உங்களுக்கு வடிவமைப்பு மென்பொருளோ கமாண்ட் லைனோ தேவையில்லை. MakeFav ஜெனரேட்டர் ஒரே மூலப் படத்தை மேலே விவரிக்கப்பட்ட கோப்புகளாக மாற்றுகிறது.

உங்கள் வடிவமைப்பைத் தயார் செய்யுங்கள். 512 x 512 px அல்லது பெரிய சதுர லோகோ அல்லது சின்னத்தைப் பயன்படுத்துங்கள். ஐகான் 16 px-இல் பார்க்கப்படும் என்பதால் எளிய வடிவங்களே சிறந்தவை.
அதைப் பதிவேற்றுங்கள் MakeFav முகப்புப் பக்கத்தில், அல்லது ஏற்றுமதி செய்வதற்கு முன் படம், பின்னணி மற்றும் இடைவெளியைச் சரிசெய்ய எடிட்டரைத் திறங்கள்.
முடிவை சிறிய அளவுகளிலும் வெளிர், அடர் பின்னணிகளிலும் முன்னோட்டம் பாருங்கள்; அது தெளிவாக இருப்பதை உறுதிசெய்ய.
தொகுப்பைப் பதிவிறக்குங்கள். அதில் ICO, PNG அளவுகள், Apple touch icon, மேனிஃபெஸ்ட் ஐகான்கள் மற்றும் ஒட்ட வேண்டிய HTML துணுக்கு இருக்கும்.
கோப்புகளை உங்கள் இணையதளத்தின் ரூட்டில் பதிவேற்றுங்கள்; அவை /favicon.ico போன்ற பாதைகளில் கிடைக்கும்படி.
ஒவ்வொரு பக்கத்தின் <head>-இலும், அல்லது உங்கள் பகிரப்பட்ட லேஅவுட் அல்லது டெம்ப்ளேட்டிலும் HTML-ஐச் சேர்க்கவும்.
ஃபேவிகான் செக்கர் மூலம் சரிபார்க்கவும், பிறகு புதிய ஐகானைப் பார்க்க உலாவி கேச்சை அழித்து மீண்டும் ஏற்றுங்கள்.

HTML துணுக்கு எடுத்துக்காட்டு

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

ICO இணைப்பில் உள்ள sizes="48x48" பண்பு, SVG ஆதரிக்கப்படும்போது உலாவிகள் அதையே விரும்பவும், ICO-வை மாற்றுக் கோப்பாக வைத்திருக்கவும் உதவுகிறது. 96 px PNG கூகுளின் 48-இன் மடங்கு விதியைப் பூர்த்தி செய்கிறது.

வலை ஆப் மேனிஃபெஸ்ட் எடுத்துக்காட்டு

{
  "name": "Example Site",
  "short_name": "Example",
  "icons": [
    { "src": "/web-app-manifest-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
    { "src": "/web-app-manifest-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

நீங்கள் பில்ட் பைப்லைன்களுடன் பணிபுரிந்தால் அல்லது ஐகான் உருவாக்கத்தை தானியங்கு செய்ய விரும்பினால், டெவலப்பர் வளங்களைப் பாருங்கள்.

சிறப்பாகச் செயல்படும் ஃபேவிகானுக்கான வடிவமைப்பு குறிப்புகள்

எளிமையாக வையுங்கள். 16 px-இல் குழம்பிப்போகும் விரிவான லோகோவை விட, ஒரு வடிவம், ஒரு எழுத்து அல்லது தடிமனான மோனோகிராம் சிறந்தது.
வலுவான மாறுபாட்டைப் பயன்படுத்துங்கள். வெளிர், அடர் உலாவி தீம்கள் இரண்டிலும் ஐகான் தெரிவதை உறுதிசெய்யுங்கள். நிறப் பின்னணி டைல் உதவும்.
உரையைத் தவிர்க்கவும். ஒரு முதலெழுத்து போதும்; இந்த அளவில் சொற்களைப் படிக்க முடியாது.
maskable மற்றும் வட்ட மூலை ஐகான்களுக்காக சிறிது இடைவெளி விடுங்கள்; முக்கியமான எதுவும் வெட்டப்படாமல் இருக்க.
உங்கள் லோகோ மற்றும் பிராண்ட் நிறங்களுடன் ஒத்திசைவாக இருங்கள்; ஃபேவிகான் அடையாளத்தை வலுப்படுத்தும்.
உண்மையான சாதனங்களில் சோதியுங்கள்; தாவல், புக்மார்க், கூகுள் முடிவு ஆகியவற்றில் அது எப்படித் தெரிகிறது என்று பாருங்கள்.

பொதுவான ஃபேவிகான் பிரச்சினைகள்

உங்கள் ஐகான் தோன்றவில்லை என்றால், வழக்கமான காரணங்கள் கேச்சிங், தவறான பாதைகள் மற்றும் தடுக்கப்பட்ட கோப்புகள். உலாவிகள் ஃபேவிகான்களை தீவிரமாக கேச் செய்கின்றன, எனவே புதுப்பிப்புகளைப் பார்க்க ஹார்ட் ரிஃப்ரெஷ் அல்லது புதிய தனிப்பட்ட சாளரமே பெரும்பாலும் போதும். கோப்பு URL 200 நிலையையும் சரியான உள்ளடக்க வகையையும் தருகிறதா, <link> குறிச்சொல் <head>-இல் உள்ளதா என்று சரிபாருங்கள். தேடலுக்கு, robots.txt ஐகானையோ முகப்புப் பக்கத்தையோ தடுக்கவில்லை என்பதை உறுதிசெய்யுங்கள். இந்தச் சிக்கல்களை விரைவாகக் கண்டறிய MakeFav செக்கர் உதவும்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

ஃபேவிகான் என்பதன் விரிவாக்கம் என்ன?

ஃபேவிகான் என்பது “favorite icon” என்பதன் சுருக்கம். 1999-ல் இன்டர்நெட் எக்ஸ்ப்ளோரர் 5, உலாவியின் Favorites பட்டியலில் உள்ள உள்ளீடுகளை அலங்கரிக்க முதன்முதலில் சிறிய ஐகான் கோப்பைப் பயன்படுத்தியதிலிருந்து இந்தப் பெயர் வந்தது. இப்போது ஐகான் பல இடங்களில் தோன்றினாலும் அந்தச் சொல் நிலைத்துவிட்டது.

ஃபேவிகான் SEO-வுக்கு உதவுமா?

ஃபேவிகான் நேரடி தரவரிசைக் காரணி அல்ல. இருப்பினும், மொபைல் மற்றும் டெஸ்க்டாப் கூகுள் முடிவுகளில் உங்கள் தளப் பெயருக்கு அருகில் அது தோன்றுவதால், பிராண்ட் அடையாளத்தையும் உங்கள் பட்டியலின் காட்சி ஈர்ப்பையும் மேம்படுத்தி, மறைமுகமாக கிளிக்குகளுக்கு ஆதரவாக இருக்கலாம். கூகுளின் வழிகாட்டுதல்களைப் பின்பற்றுவதே ஐகான் காட்டப்படுவதற்குத் தகுதியாக்குகிறது.

ஃபேவிகான் எவ்வளவு அளவு இருக்க வேண்டும்?

கூகுள் தேடலுக்கு, 48x48 அல்லது 96x96 போன்ற 48 பிக்சலின் மடங்கான சதுரப் படத்தைப் பயன்படுத்துங்கள். பரந்த ஆதரவுக்கு, ICO கோப்பு, 180x180 Apple touch icon, 192x192 மற்றும் 512x512 மேனிஃபெஸ்ட் ஐகான்களையும் வழங்குங்கள். அளவுமாறும் தன்மைக்கு SVG நல்ல கூடுதல் சேர்க்கை.

PNG அல்லது SVG பயன்படுத்தினாலும் favicon.ico தேவையா?

இன்னும் அது நல்ல யோசனை. உலாவிகளும் சில கருவிகளும் இயல்பாக /favicon.ico-ஐக் கோருகின்றன, பழைய மென்பொருள் அதையே நம்பியுள்ளது. தள ரூட்டில் ICO கோப்பை வைத்திருப்பது 404 பிழைகளைத் தடுத்து, SVG அல்லது PNG ஆதரிக்கப்படாதபோது பாதுகாப்பான மாற்றை வழங்குகிறது.

என் ஃபேவிகான் ஏன் புதுப்பிக்கப்படவில்லை?

உலாவிகளும் தேடுபொறிகளும் ஃபேவிகான்களை நீண்ட நேரம் கேச் செய்கின்றன. ஹார்ட் ரிஃப்ரெஷ், தனிப்பட்ட சாளரம் அல்லது கேச்சை அழிப்பதை முயலுங்கள். கோப்புப் பாதை சரியாக உள்ளதா, புதிய கோப்பு வழங்கப்படுகிறதா என்பதை உறுதிசெய்யுங்கள். கூகுள் தேடலில், மாற்றிய ஐகான் மீண்டும் கிராலிங் செய்யப்பட்டு புதுப்பிக்கப்பட நாட்கள் அல்லது வாரங்கள் ஆகலாம்.

ஃபேவிகான் என்றால் என்ன, உங்கள் இணையதளத்திற்கு அது ஏன் முக்கியம்?