Glavni problem vezan za favicon za HTML stranice je taj što može biti teško implementirati. Favikone su male ikone koje se pojavljuju na kartici preglednika ili adresnoj traci web stranice i često se koriste za identifikaciju web stranice ili brenda. Da biste dodali favicon na HTML stranicu, ikona mora biti sačuvana kao .ico datoteka i zatim povezana u HTML kodu pomoću tag. Ovo može biti nezgodno za one koji nisu upoznati sa kodiranjem, jer postoji nekoliko koraka koji zahtijevaju poznavanje HTML sintakse. Osim toga, neki pretraživači možda neće prepoznati favicon ako nije pravilno implementiran.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ova linija koda stvara vezu do eksterne datoteke pod nazivom “favicon.ico”.
2. Link ima atribut “rel” sa vrijednošću “shortcut icon”, što ukazuje da je ovo ikona prečice za web stranicu.
3. href atribut daje putanju do favicon fajla, koji 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 stranice.
Šta je favicon
Favicon je mala ikona povezana s web-stranicom ili web stranicom. Obično se prikazuje u adresnoj traci pretraživača, pored URL adrese web lokacije. Takođe se može koristiti za identifikaciju obeleživača u veb pretraživačima i kao ikona za prečice na računarima i mobilnim uređajima. Favikoni su obično veličine 16×16 piksela i čuvaju se kao .ico datoteke.
Kako dodati Favicon na svoju web stranicu
Dodavanje favikona vašoj web stranici odličan je način za dodavanje dodatnog sloja brendiranja i identiteta vašoj web stranici. Favikone su male ikone koje se pojavljuju na kartici preglednika pored naslova vaše web stranice. Mogu se koristiti i kao prečice na mobilnim uređajima, što korisnicima olakšava pronalaženje i pristup vašoj web stranici.
Da biste dodali favicon na svoju web stranicu u HTML-u, trebat će vam slikovna datoteka sa ekstenzijom .ico. Ova slika treba da bude veličine 16×16 piksela ili 32×32 piksela. Nakon što kreirate ili dobijete ovu datoteku slike, možete je učitati u korijenski direktorij vaše web stranice.
Nakon otpremanja, morat ćete dodati element linka unutar odjeljka zaglavlja svake stranice na vašoj web-lokaciji koji pokazuje na ovu datoteku slike:
Ovaj element veze govori pretraživačima gdje mogu pronaći favicon za vašu web stranicu tako da se može ispravno prikazati kada neko posjeti neku od njegovih stranica.
Konačno, ako želite da pretraživači poput Chromea i Firefoxa prikazuju veću verziju ikone (192×192 piksela), tada ćete morati kreirati drugu verziju ikone i također je učitati u korijenski direktorij:
Kada se svi ovi koraci završe, posjetitelji bi sada trebali vidjeti vaš prilagođeni favicon kada posjete bilo koju stranicu na vašoj web stranici!
