இந்த கருவி பற்றி
ஃபேவிகான் என்பது உலாவி தாவல்கள், புக்மார்க்குகள் மற்றும் வரலாற்று பட்டியல்களில் தோன்றும் சிறிய ஐகான் ஆகும். அசல் ஃபேவிகான் — /favicon.ico இல் உள்ள 16×16 ICO கோப்பு — வெவ்வேறு தளங்களுக்கு வெவ்வேறு அளவுகளில் ஐகான்களின் சிக்கலான தொகுப்பாக விரிவடைந்துள்ளது: உலாவி தாவல்களுக்கு 16×16 மற்றும் 32×32, iOS முகப்புத் திரைகளுக்கு 180×180, Windows க்கு 192×192 மற்றும் 512×512 அளவுகள். இவை அனைத்தையும் ஒரே மூலப் படத்தில் இருந்து உருவாக்குவதுதான் நவீன ஃபேவிகான் ஜெனரேட்டர் செய்கிறது.
இந்தக் கருவி ஒற்றை உயர் தெளிவுத்திறன் கொண்ட மூலப் படத்தை (பொதுவாக ஒரு சதுர லோகோ) எடுத்து, ஃபேவிகான் சொத்துக்களின் முழு தொகுப்பையும் அவற்றைக் குறிப்பிடத் தேவையான HTML இணைப்புக் குறிச்சொற்களையும் உருவாக்குகிறது. வெளியீட்டில் ICO, பல PNGகள் மற்றும் முற்போக்கான வலை பயன்பாட்டு மெட்டாடேட்டாவிற்கான manifest.json ஆகியவை அடங்கும். இதன் விளைவாக வரும் கோப்புகளை உங்கள் தளத்தின் மூலத்தில் கைவிட்டு, உருவாக்கப்பட்ட HTML வழியாக அவற்றைக் குறிப்பிடவும்.
அனைத்து செயலாக்கங்களும் உங்கள் உலாவியில் நடக்கும். பதிவேற்றம் இல்லை, API அழைப்பு இல்லை, கட்டண வரம்பு இல்லை. ஃபேவிகான்களைக் காண்பிக்கும் ஒவ்வொரு நவீன உலாவி மற்றும் இயக்க முறைமையிலும் வெளியீடு செயல்படுகிறது.
ஃபேவிகானை ஏன் உருவாக்க வேண்டும்
ஃபேவிகான்கள் இல்லாத தளங்கள் முடிக்கப்படாமல் இருக்கும். உலாவி தாவல்கள் பொதுவான ஐகானைக் காட்டுகின்றன; புக்மார்க்குகளுக்கு காட்சி அடையாளங்காட்டி இல்லை; தளம் குறைந்த தொழில்முறை போல் தோன்றுகிறது. சரியான ஃபேவிகான் தொகுப்பைச் சேர்ப்பது குறைந்த முயற்சியில் அதிக தாக்கத்தை ஏற்படுத்தும் பாலிஷ் படியாகும், இது விவரங்களுக்கு கவனம் செலுத்துகிறது.
நவீன ஃபேவிகான் தேவைகள் /favicon.ico ஐத் தாண்டி வளர்ந்துள்ளன. iOS முகப்புத் திரை ஐகான்கள், ஆண்ட்ராய்டு குரோம் ஐகான்கள், விண்டோஸ் டைல் ஐகான்கள் மற்றும் டார்க் மோட் வகைகள் அனைத்தும் வெவ்வேறு கோப்புகளைப் பயன்படுத்துகின்றன. ஒரு மூலத்திலிருந்து அனைத்தையும் உருவாக்குவது, ஒவ்வொரு கோப்பையும் கையால் நிர்வகிக்காமல் நிலையான பிராண்டிங்கை உறுதி செய்கிறது.
தொழில்நுட்ப விவரங்கள்
முழு நவீன ஃபேவிகான் தொகுப்பு: favicon.ico (16+32+48 மல்டி-ரெசல்யூஷன்), ஃபேவிகான்-16x16.png, ஃபேவிகான்-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png12chrome, android.15 mstile-150x150.png. மேலும் PWAக்கான site.webmanifest, Windows க்கான browserconfig.xml.
ஒவ்வொரு PNGயும் மூலத்திலிருந்து கேன்வாஸ்-அடிப்படையிலான இறக்கம் மூலம் உருவாக்கப்படுகிறது. ICO ஆனது 16/32/48 பதிப்புகளை DataView ரைட்களைப் பயன்படுத்தி பல-தெளிவு ICO வடிவத்தில் இணைப்பதன் மூலம் JavaScript இல் கட்டமைக்கப்பட்டுள்ளது.
HTML இணைப்பு குறிச்சொற்கள் ஒவ்வொரு கோப்பையும் பொருத்தமான rel மற்றும் அளவுகள் பண்புகளுடன் குறிப்பிடுகின்றன. ஜெனரேட்டர் இவற்றை உங்கள் தளத்தின் <head>க்கு நகல்-பேஸ்ட்-தயாரான துணுக்காகத் தயாரிக்கிறது.
அடிக்கடி கேட்கப்படும் கேள்விகள்
- நான் எந்த பட வடிவமைப்பைப் பதிவேற்ற வேண்டும்?
- வெளிப்படையான பின்னணியுடன் கூடிய PNG சிறப்பாகச் செயல்படுகிறது. குறைந்தபட்சம் 512x512 பிக்சல்கள் கொண்ட சதுரப் படத்தைப் பயன்படுத்தவும், இதன் மூலம் தரம் குறையாமல் கருவியைக் குறைக்க முடியும். SVG எந்த அளவிலும் நன்றாக வேலை செய்கிறது.
- இது என்ன அளவுகளை உருவாக்குகிறது?
- 16x16 (உலாவி தாவல்), 32x32 (உலாவி தாவல் @2x), 48x48 (விண்டோஸ் டாஸ்க்பார்), 180x180 (ஆப்பிள் டச் ஐகான்), 192x192 (ஆண்ட்ராய்டு முகப்புத் திரை), 512x512 (PWA ஸ்பிளாஸ் திரை). ICO கோப்பில் 16, 32 மற்றும் 48px அளவுகள் உள்ளன.
- ஃபேவிகான் கோப்புகளை எங்கே வைப்பது?
- உங்கள் இணையதள ரூட் கோப்பகத்தில் favicon.ico ஐ வைக்கவும். பிற PNG அளவுகள் உங்கள் பொது கோப்புறையில் அல்லது அணுகக்கூடிய பாதையில் செல்லும். ஒவ்வொரு கோப்பு இருப்பிடத்தையும் சுட்டிக்காட்டும் உங்கள் <head> பிரிவில் HTML இணைப்புக் குறிச்சொற்களைச் சேர்க்கவும்.
- உலாவியில் எனது ஃபேவிகான் ஏன் புதுப்பிக்கப்படவில்லை?
- உலாவிகள் ஆக்ரோஷமாக ஃபேவிகான்களை கேச் செய்கின்றன. உங்கள் உலாவி தற்காலிக சேமிப்பை அழிக்கவும், மறைநிலை சாளரத்தில் திறக்க முயற்சிக்கவும் அல்லது புதுப்பிப்பை கட்டாயப்படுத்த ஃபேவிகான் URL இல் பதிப்பு வினவல் சரத்தை (?v=2) சேர்க்கவும்.
- எனது ஃபேவிகான் ஏன் புதுப்பிக்கப்படவில்லை?
- உலாவிகள் ஃபேவிகான்களை ஆக்ரோஷமாக, சில நேரங்களில் பல நாட்களுக்கு தேக்ககப்படுத்துகின்றன. தற்காலிக சேமிப்பை அழித்து, ஐகான் URL ஐ நேரடியாகத் திறப்பதன் மூலம் அல்லது இணைப்புக் குறிச்சொல்லில் பதிப்பு வினவல் அளவுருவைச் சேர்ப்பதன் மூலம் புதுப்பிப்பை கட்டாயப்படுத்தவும்.
- எனது படம் சர்வரில் பதிவேற்றப்பட்டதா?
- இல்லை. உங்கள் உலாவியில் உருவாக்கம் நடக்கிறது.
- நான் SVG அல்லது PNG ஐப் பயன்படுத்த வேண்டுமா?
- மூலத்திற்கான SVG (தீர்மானம்-சுயாதீனமானது). ஜெனரேட்டர் குறிப்பிட்ட அளவுகளில் PNGகளை வெளியிடுகிறது; நவீன உலாவிகள் rel=icon type=image/svg+xml இணைப்பு வழியாக SVG ஃபேவிகான்களை ஆதரிக்கின்றன.
- site.webmanifest என்றால் என்ன?
- ஐகான்கள், வண்ணங்கள் மற்றும் பிற மெட்டாடேட்டாவை விவரிக்கும் முற்போக்கான வலை பயன்பாடுகளுக்கான JSON மேனிஃபெஸ்ட். நிறுவக்கூடிய இணைய பயன்பாடுகளுக்குத் தேவை; நிலையான தளங்களில் கூட சேர்ப்பது பாதிப்பில்லாதது.