சரியான ஃபேவிகான் தொகுப்பு என்பது ஒரே கோப்பு அல்ல: உலாவிகளுக்கு பல அளவு .ico வேண்டும், iOS-க்கு 180px apple-touch-icon வேண்டும், Android-க்கு 192 மற்றும் 512px PNG-களும் web manifest-உம் வேண்டும். இந்தக் கருவி ஒரே படத்திலிருந்து இவை அனைத்தையும் உருவாக்கி, உங்கள் <head>-இல் ஒட்ட வேண்டிய துல்லியமான HTML டேக்குகளுடன் ஒரே ZIP-இல் அடைக்கிறது.
முன்னோட்டம் உங்கள் ஐகானை உண்மையான 16, 32, 48px அளவுகளில் காட்டுவதால், வெளியிடும் முன்பே சிறிய அளவுகளில் அது அடையாளம் தெரிகிறதா எனச் சரிபார்க்கலாம்.
பயன்படுத்தும் முறை
- உங்கள் லோகோவைச் சேர்க்கவும்சதுரப் படங்கள் சிறப்பாக வேலை செய்யும்; மற்றவை மைய-வெட்டு செய்யப்படும்.
- சிறிய அளவுகளைச் சரிபார்க்கவும்16px முன்னோட்டமே பெரும்பாலான பயனர்கள் டேபில் உண்மையில் பார்ப்பது.
- ZIP-ஐப் பதிவிறக்கவும்favicon.ico, ஆறு PNG-கள், site.webmanifest, ஒட்டத் தயாரான html-snippet.txt.
ஒரு படம் உள்ளே, முழு ஃபேவிகான் தொகுப்பு வெளியே
ஒரே லோகோவையோ ஐகானையோ போட்டால், நவீன தளத்திற்குத் தேவையான முழுத் தொகுப்பையும் இந்த ஜெனரேட்டர் உருவாக்குகிறது: 16, 32, 48 பிக்சல் பதிப்புகளை உள்ளடக்கிய பல-அளவு favicon.ico, 16, 32, 48 மற்றும் Apple touch ஐகானுக்கான 180, Android மற்றும் PWA நிறுவல்களுக்கான 192, 512 தனித்தனி PNG-கள், கூடவே site.webmanifest. எல்லாம் ஒரே ZIP ஆக இறங்குவதால் நேரடியாக உங்கள் project root-இல் போடலாம்.
சரியான link மற்றும் meta டேக்குகள் ஏற்கனவே இணைக்கப்பட்ட, ஒட்டத் தயாரான HTML head துணுக்கும் கிடைக்கும். அதை உங்கள் டெம்ப்ளேட்டில் நகலெடுத்து, கோப்புகளைப் பதிவேற்றினால், நீங்கள் கையால் markup எழுதாமலேயே ஃபேவிகான் உலாவி டேப்கள், புக்மார்க்குகள், முகப்புத்திரைக் குறுக்குவழிகளில் தோன்றும்.
ஒவ்வொரு அளவிலும் கூர்மையான ஐகான்கள்
ஃபேவிகான்கள் கொடூரமாகச் சிறியவை — எனவே ஜெனரேட்டர் 16, 32, 48 பிக்சல்களில், உலாவி டேப் காட்டும் அதே விதத்தில், உண்மை அளவு முன்னோட்டங்களை உருவாக்குகிறது. 16px-இல் குழைந்துபோகும் லோகோவை வெளியிடும் முன்பே பிடிக்கலாம். மூலப் படம் சதுரமல்லாவிட்டால், ஐகான் நசுங்காமல் சமநிலையாக இருக்கக் கருவி அதை மைய-வெட்டு செய்யும்.
முழுச் செயல்முறையும் உங்கள் மூலப் படத்திலிருந்து உலாவியிலேயே இயங்குகிறது — உயர்-தெளிவுத்திறன் லோகோவிலிருந்து favicon PNG-களையும் ICO-வையும் எந்தப் பதிவேற்றமும் கணக்கும் இல்லாமல் உருவாக்கலாம்.
மக்கள் இதை எதற்குப் பயன்படுத்துகிறார்கள்
புதிய தளத்தைத் தொடங்குதல் — முதல் நாளிலேயே டேப்களும் புக்மார்க்குகளும் முழுமையாகத் தெரிய favicon.ico-வையும் ஒவ்வொரு PNG அளவையும் ஒரே சுற்றில் உருவாக்குங்கள்.
PWA நிறுவல் ஐகான் சேர்த்தல் — உங்கள் ஆப் சரியான முகப்புத்திரை ஐகானுடன் நிறுவப்பட 192, 512 PNG-களையும் site.webmanifest-ஐயும் ஏற்றுமதி செய்யுங்கள்.
Apple touch ஐகான் — iOS புக்மார்க்குகளும் முகப்புத்திரைகளும் கூர்மையான கட்டத்தைக் காட்ட 180x180 apple-touch-icon-ஐ உருவாக்குங்கள்.
இருக்கும் தளத்தை மறு-பிராண்டிங் செய்தல் — புதிய லோகோ ஒன்றை ஜெனரேட்டர் வழியாக அனுப்பி, முழு ஐகான் தொகுப்பையும் ஒரே நேரத்தில் மாற்றுங்கள்.
வாடிக்கையாளர் ஒப்படைப்பு — ico, PNG-கள், manifest, head துணுக்கு அடங்கிய ஒரே ZIP-ஐ ஒப்படைத்தால், டெவலப்பர் அப்படியே போட்டுவிடுவார்.
சிறிய அளவு படிக்கத்தக்கதா எனச் சரிபார்த்தல் — விரிவான லோகோ இன்னும் ஐகானாகப் படிக்கப்படுகிறதா என்பதை உறுதிப்படுத்த உண்மை அளவு 16px முன்னோட்டத்தைப் பயன்படுத்துங்கள்.
சதுரமல்லாத லோகோ — அகலமான wordmark-ஐக் கொடுத்து, மைய-வெட்டு அதைச் சமநிலையான சதுர ஃபேவிகானாக மாற்ற விடுங்கள்.
ஸ்டேடிக் தளம் அல்லது framework project — உருவாக்கிய head டேக்குகளை உங்கள் Next, Astro அல்லது சாதாரண HTML டெம்ப்ளேட்டில் நகலெடுத்து வெளியிடுங்கள்.
ஏன் IMG.DIY
முழுத் தொகுப்பு
ICO + 16/32/48/180/192/512 PNG-கள் + manifest.
காப்பி-பேஸ்ட் HTML
துல்லியமான link டேக்குகள் உரைக் கோப்பாக இணைக்கப்பட்டுள்ளன.
உண்மை அளவு முன்னோட்டம்
ஐகானை உண்மையான 16/32/48px-இல் முதலில் பாருங்கள்.
தனியுரிமை
உங்கள் லோகோ உலாவியை விட்டு வெளியேறாது.