Glavni problem vezan uz favicon za HTML stranice jest to što ga je teško implementirati. Favicons su male ikone koje se pojavljuju na kartici preglednika ili adresnoj traci web stranice, a često se koriste za prepoznavanje web stranice ili robne marke. Da biste dodali favicon na HTML stranicu, ikona mora biti spremljena kao .ico datoteka i zatim povezana u HTML kodu pomoću označiti. Ovo može biti teško za one koji nisu upoznati s kodiranjem, budući da postoji nekoliko uključenih koraka i zahtijeva poznavanje HTML sintakse. Osim toga, neki preglednici možda neće prepoznati favicon ako nije ispravno implementiran.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ovaj redak koda stvara vezu na vanjsku datoteku pod nazivom "favicon.ico".
2. Veza dobiva atribut "rel" s vrijednošću "ikona prečaca", što označava da je ovo ikona prečaca za web mjesto.
3. Atribut href daje stazu do favicon datoteke, koja je u ovom slučaju jednostavno "favicon.ico".
4. Atribut type označava da je ova datoteka slika tipa x-icon, što je posebna vrsta slike koja se koristi za ikone i logotipe web stranica.
Što je favicon
Favicon je mala ikona povezana s web mjestom ili web stranicom. Obično se prikazuje u adresnoj traci preglednika, pored URL-a stranice. Također se može koristiti za prepoznavanje knjižnih oznaka u web preglednicima i kao ikona za prečace na računalima i mobilnim uređajima. Favicons su obično veličine 16×16 piksela i spremaju se kao .ico datoteke.
Kako dodati favicon na svoju web stranicu
Dodavanje favicona na vašu web stranicu odličan je način za dodavanje dodatnog sloja robne marke i identiteta vašoj web stranici. Favicons su male ikone koje se pojavljuju u kartici preglednika pored naslova vaše web stranice. Također se mogu koristiti kao prečaci na mobilnim uređajima, olakšavajući korisnicima pronalaženje i pristup vašoj stranici.
Da biste svojoj web stranici dodali favicon u HTML-u, trebat će vam slikovna datoteka s nastavkom .ico. Ova slika treba biti veličine 16×16 piksela ili 32×32 piksela. Nakon što stvorite ili dobijete ovu slikovnu datoteku, možete je učitati u korijenski direktorij svoje web stranice.
Nakon prijenosa, morat ćete dodati element veze unutar odjeljka glave svake stranice na vašoj web-lokaciji koji upućuje na ovu slikovnu datoteku:
Ovaj element poveznice govori preglednicima gdje mogu pronaći favicon za vašu web stranicu kako bi se mogla ispravno prikazati kada netko posjeti neku od njezinih stranica.
Konačno, ako želite da preglednici poput Chromea i Firefoxa prikazuju veću verziju favicon-a (192 × 192 piksela), tada ćete morati izraditi drugu verziju ikone i također je učitati u korijenski direktorij:
Nakon što su svi ovi koraci dovršeni, posjetitelji bi sada trebali vidjeti vaš prilagođeni favicon kada posjete bilo koju stranicu na vašoj web stranici!
