Babban matsalar da ke da alaƙa da ƙara favicon a cikin HTML shine yana buƙatar ƙarin coding. Favicons ƙananan gumaka ne waɗanda ke bayyana a cikin mashigin bincike ko adireshin adireshin gidan yanar gizon. Don ƙara favicon zuwa shafin HTML, dole ne ku haɗa da abin haɗin yanar gizo tare da saitin sifa na rel zuwa “ gunkin gajeriyar hanya ” da sifa href da aka saita zuwa wurin fayil ɗin favicon. Wannan na iya ɗaukar lokaci da wahala ga waɗanda ba su saba da lambar HTML ba. Bugu da ƙari, wasu masu bincike ba za su iya gane wasu nau'ikan favicons ba, don haka yana da mahimmanci don tabbatar da cewa favicon ɗin ku ya dace da duk masu bincike kafin ƙara shi zuwa shafinku.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Wannan layin code yana haifar da hanyar haɗi zuwa fayil na waje, wanda ake amfani dashi don nuna ƙaramin gunki kusa da taken shafi a cikin mashigin bincike.
2. Siffar "rel" tana ƙayyade alaƙar da ke tsakanin takaddar yanzu da takaddun da aka haɗa, wanda a cikin wannan yanayin shine gunkin gajeriyar hanya.
3. Halin "href" yana ƙayyade wurin daftarin aiki da aka haɗa, wanda a cikin wannan yanayin shine "favicon.ico".
4. Siffar "nau'in" tana ƙayyade nau'in watsa labaru na daftarin aiki da aka haɗa, wanda a cikin wannan yanayin hoto ne tare da tsarin x-icon.
Menene favicon
Favicon (gajeren " icon ɗin da aka fi so") ƙaramin hoto ne mai girman 16 × 16 wanda ke da alaƙa da wani gidan yanar gizo ko gidan yanar gizo. Ana nuna shi a mashigin adireshi mai lilo, kusa da taken shafin da kuma cikin jerin alamomin. An fi amfani da Favicons don samar da hanya mai sauƙi ga masu amfani don ganowa da kewayawa tsakanin gidajen yanar gizo daban-daban.
Ta yaya zan ƙara favicon a HTML
Favicon ƙaramin gunki ne da ke bayyana a cikin mashigin yanar gizo. Ana amfani da shi don taimakawa gano gidan yanar gizon ku da kuma sa shi zama sananne ga baƙi. Don ƙara favicon a cikin HTML, kuna buƙatar haɗa lambar da ke gaba a cikin ɓangaren takaddar HTML ɗin ku:
Sauya “hanyar/to/favicon.ico” tare da hanyar zuwa inda kuka adana fayil ɗin favicon ɗinku. Fayil ɗin ya zama tsarin .ico, kuma 16 × 16 pixels ko 32 × 32 a girman.
Yadda ake ƙara favicon SVG
1. Ƙirƙiri fayil ɗin SVG: Mataki na farko shine ƙirƙirar fayil ɗin SVG wanda kake son amfani dashi azaman favicon. Kuna iya ƙirƙirar shi da kanku ta amfani da editan zane-zane kamar Adobe Illustrator ko Inkscape, ko kuna iya zazzage ɗaya daga gidan yanar gizo.
2. Maida SVG zuwa tsarin ICO: Da zarar kuna da fayil ɗin SVG, kuna buƙatar canza shi zuwa tsarin ICO. Ana iya yin wannan ta amfani da mai sauya kan layi kyauta kamar Convertio ko CloudConvert.
3. Add favicon link tag a HTML: Da zarar kana da ICO fayil, ƙara da wadannan code a cikin sashe na HTML daftarin aiki:
Wannan zai gaya wa masu binciken cewa wannan shine favicon na gidan yanar gizon ku kuma yakamata su nuna shi lokacin da wani ya ziyarci rukunin yanar gizon ku.
4. Gwaji da magance matsala: A ƙarshe, gwada sabon favicon ɗin ku ta ziyartar gidan yanar gizon ku a cikin mashigar bincike da na'urori daban-daban kuma ku tabbata yana da kyau a ko'ina! Idan akwai wasu batutuwa, gwada magance su tare da kayan aiki kamar Google Chrome's DevTools ko Kayan Gidan Yanar Gizo na Firefox.
