Glavni problem vezan za ikone HTML stranica je taj što one često nisu pravilno optimizirane za web upotrebu. To može dovesti do sporog vremena učitavanja, jer pretraživač mora preuzeti cijeli fajl ikone prije nego što se može prikazati. Osim toga, ako je ikona prevelika ili u nepodržanom formatu, možda se neće ispravno prikazati na svim pretraživačima i uređajima. Konačno, ako ikona HTML stranice nije pravilno optimizirana za standarde pristupačnosti, korisnicima sa invaliditetom može biti teško ili nemoguće pristupiti njenom sadržaju.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ova linija koda stvara vezu do vanjskog resursa, konkretno datoteke ikona.
2. Atribut “rel” specificira odnos između trenutnog dokumenta i povezanog resursa, u ovom slučaju “ikona prečice”.
3. Atribut “href” specificira lokaciju povezanog resursa, a to je datoteka pod nazivom “favicon.ico”.
4. Atribut “type” specificira tip medija na koji se povezuje, a to je slika u formatu x-ikone.
Šta je ikona stranice
Ikona stranice u HTML-u je slika koja se koristi za predstavljanje web stranice ili web stranice. Obično se prikazuje na kartici pretraživača, adresnoj traci i listi obeleživača. Ikone stranica se takođe nazivaju favikoni, što je skraćenica za „omiljena ikona“. Obično su male (16×16 piksela) i mogu biti statične ili animirane.
Razlika između favikona i ikone
Favicon je mala ikona koja se pojavljuje na kartici preglednika web stranice. Obično se koristi za predstavljanje web stranice ili brenda i može se vidjeti u adresnoj traci, oznakama i karticama. Ikona je slika koja se koristi za predstavljanje akcije ili ideje. Ikone se često koriste kao grafički prikazi stavki menija, dugmadi i veza unutar web stranice ili aplikacije.
Kako dodati ikonu kartice preglednika za web stranicu
Dodavanje ikone kartice pretraživača za web stranicu u HTML-u je jednostavan proces. Sve što trebate učiniti je dodati sljedeći kod u dio vašeg HTML dokumenta:
Zamijenite [path/filename.extension] putanjom i imenom datoteke vaše slike ikone i zamijenite [filetype] tipom datoteke vaše slike (npr. png, jpg, itd.). Na primjer:
Ovaj kod će prikazati ikonu na kartici preglednika vaše web stranice kada je posjete korisnici.
