Glavna težava v zvezi s favicon za strani HTML je, da jo je lahko težko implementirati. Favicons so majhne ikone, ki se prikažejo v zavihku brskalnika ali v naslovni vrstici spletnega mesta in se pogosto uporabljajo za prepoznavanje spletnega mesta ali blagovne znamke. Če želite strani HTML dodati ikono priljubljenega, je treba ikono shraniti kot datoteko .ico in nato povezati v kodo HTML z oznaka. To je lahko težavno za tiste, ki niso seznanjeni s kodiranjem, saj vključuje več korakov in zahteva poznavanje sintakse HTML. Poleg tega nekateri brskalniki morda ne bodo prepoznali favikone, če ni pravilno implementirana.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ta vrstica kode ustvari povezavo do zunanje datoteke z imenom »favicon.ico«.
2. Povezavi je dodeljen atribut »rel« z vrednostjo »ikona bližnjice«, ki označuje, da je to ikona bližnjice za spletno mesto.
3. Atribut href podaja pot do datoteke favicon, ki je v tem primeru preprosto »favicon.ico«.
4. Atribut type označuje, da je ta datoteka slika tipa x-icon, ki je posebna vrsta slike, ki se uporablja za ikone in logotipe spletnih mest.
Kaj je favicon
Favicon je majhna ikona, povezana s spletnim mestom ali spletno stranjo. Običajno je prikazan v naslovni vrstici brskalnika poleg URL-ja spletnega mesta. Uporablja se lahko tudi za prepoznavanje zaznamkov v spletnih brskalnikih in kot ikona za bližnjice v računalnikih in mobilnih napravah. Favicons so običajno veliki 16 × 16 slikovnih pik in so shranjeni kot datoteke .ico.
Kako dodati ikono Favicon na vaše spletno mesto
Dodajanje ikone priljubljenega spletnemu mestu je odličen način, da svojemu spletnemu mestu dodate dodatno plast blagovne znamke in identitete. Favicons so majhne ikone, ki se prikažejo v zavihku brskalnika poleg naslova vašega spletnega mesta. Uporabljajo se lahko tudi kot bližnjice na mobilnih napravah, kar uporabnikom olajša iskanje in dostop do vašega spletnega mesta.
Če želite svojemu spletnemu mestu dodati favicon v HTML, potrebujete slikovno datoteko s pripono .ico. Ta slika mora biti velika 16 × 16 slikovnih pik ali 32 × 32 slikovnih pik. Ko ustvarite ali pridobite to slikovno datoteko, jo lahko naložite v korenski imenik svojega spletnega mesta.
Ko jo naložite, boste morali v razdelek glave vsake strani na vašem spletnem mestu dodati element povezave, ki kaže na to slikovno datoteko:
Ta element povezave pove brskalnikom, kje lahko najdejo favicon za vaše spletno mesto, tako da se lahko pravilno prikaže, ko nekdo obišče eno od njegovih strani.
Nazadnje, če želite, da brskalniki, kot sta Chrome in Firefox, prikazujejo večjo različico favicon (192 × 192 slikovnih pik), potem boste morali ustvariti drugo različico ikone in jo prav tako naložiti v korenski imenik:
Ko so vsi ti koraki končani, bi morali obiskovalci zdaj videti vašo priljubljeno ikono po meri, ko obiščejo katero koli stran na vašem spletnem mestu!