Inkinga enkulu ehlobene nokwengeza i-favicon ku-HTML ukuthi idinga ukufaka ikhodi okwengeziwe. Izithombe-zithombe izithonjana ezincane ezivela kuthebhu yesiphequluli noma ibha yekheli lewebhusayithi. Ukwengeza i-favicon ekhasini le-HTML, kufanele ufake isixhumanisi esinesibaluli se-rel esisethwe kokuthi "isithonjana sesinqamuleli" kanye nesibaluli se- href esisethwe endaweni yefayela le-favicon. Lokhu kungase kudle isikhathi futhi kube nzima kulabo abangajwayelene nekhodi ye-HTML. Ukwengeza, ezinye iziphequluli zingase zingaziboni izinhlobo ezithile zama-favicons, ngakho-ke kubalulekile ukuqinisekisa ukuthi isithombe-sithombe sakho siyahambelana nazo zonke iziphequluli ngaphambi kokuyengeza ekhasini lakho.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Lo mugqa wekhodi udala isixhumanisi sefayela langaphandle, elisetshenziselwa ukubonisa isithonjana esincane eduze kwesihloko sekhasi kuthebhu yesiphequluli.
2. Isibaluli se-“rel” sicacisa ubudlelwano phakathi kwedokhumenti yamanje nedokhumenti exhunyiwe, kulesi simo okuyisithonjana sesinqamuleli.
3. Isibaluli esithi “href” sicacisa indawo yedokhumenti exhunyiwe, kulokhu okuthi “favicon.ico”.
4. Isibaluli “sohlobo” sicacisa uhlobo lwemidiya lwedokhumenti exhunyiwe, kulesi simo okuyisithombe esinefomethi yesithonjana sika-x.
Yini i-favicon
I-favicon (ifushane ngokuthi “isithonjana sezintandokazi”) yisithombe esincane, esingu-16×16 esihlotshaniswa newebhusayithi ethile noma ikhasi lewebhu. Iboniswa kubha yekheli lesiphequluli, eduze kwesihloko sekhasi nasohlwini lwamabhukumaka. Ama-Favicons asetshenziswa kakhulu ukunikeza indlela elula kubasebenzisi ukuhlonza nokuzulazula phakathi kwamawebhusayithi ahlukene.
Ngiyengeza kanjani i-favicon ku-HTML
I-favicon isithonjana esincane esivela kuthebhu yesiphequluli sewebhusayithi. Isetshenziselwa ukusiza ukukhomba iwebhusayithi yakho futhi iyenze yaziwe kakhudlwana ezivakashini. Ukwengeza i-favicon ku-HTML, uzodinga ukufaka ikhodi elandelayo esigabeni sedokhumenti yakho ye-HTML:
Faka esikhundleni se-"path/to/favicon.ico" ngendlela eya lapho ogcine khona ifayela lakho le-favicon. Ifayela kufanele libe ifomethi ethi .ico, namaphikiseli angu-16×16 noma amaphikiseli angu-32×32 ngosayizi.
Ungayengeza kanjani i-favicon ye-SVG
1. Dala ifayela le-SVG: Isinyathelo sokuqala ukwakha ifayela le-SVG ofuna ukulisebenzisa njenge-favicon. Ungakwazi ukuzidalela ngokwakho usebenzisa umhleli wezithombe zevekhtha njenge-Adobe Illustrator noma i-Inkscape, noma ungadawuniloda eyodwa kuwebhu.
2. Guqula ifomethi ye-SVG ibe yi-ICO: Uma usunefayela lakho le-SVG, udinga ukuliguqulela kufomethi ye-ICO. Lokhu kungenziwa kusetshenziswa isiguquli se-inthanethi samahhala esifana ne-Convertio noma i-CloudConvert.
3. Engeza umaka wesixhumanisi se-favicon ku-HTML: Uma usunefayela lakho le-ICO, engeza ikhodi elandelayo esigabeni sedokhumenti yakho ye-HTML:
Lokhu kuzotshela iziphequluli ukuthi lena yi-favicon yewebhusayithi yakho futhi kufanele bayibonise lapho othile evakashela isayithi lakho.
4. Hlola futhi uxazulule inkinga: Ekugcineni, hlola i-favicon yakho entsha ngokuvakashela iwebhusayithi yakho kuziphequluli namadivayisi ahlukene futhi uqiniseke ukuthi ibukeka iyinhle yonke indawo! Uma kukhona noma yiziphi izinkinga, zama ukuzixazulula ngamathuluzi afana ne-Google Chrome's DevTools noma Amathuluzi Wonjiniyela Wewebhu weFirefox.
