Kuxazululiwe: ukwengeza isithombe-sithombe-sithombe ku-html

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.

Okuthunyelwe okuhlobene:

Shiya amazwana