Glavni problem vezan uz ikone HTML stranica je taj što one često nisu pravilno optimizirane za web upotrebu. To može dovesti do sporog vremena učitavanja, jer preglednik mora preuzeti cijelu datoteku 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 preglednicima i uređajima. Konačno, ako ikona HTML stranice nije ispravno optimizirana za standarde pristupačnosti, korisnicima s 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. Ovaj redak koda stvara vezu na vanjski izvor, posebno datoteku ikone.
2. Atribut "rel" specificira odnos između trenutnog dokumenta i povezanog izvora, u ovom slučaju "ikone prečaca".
3. Atribut “href” navodi lokaciju povezanog izvora, a to je datoteka pod nazivom “favicon.ico”.
4. Atribut "type" određuje vrstu medija na koji se povezuje, a to je slika s formatom ikone x.
Što 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 preglednika, adresnoj traci i popisu oznaka. Ikone stranica također se nazivaju favikoni, što je skraćenica za "omiljenu ikonu". Obično su mali (16×16 piksela) i mogu biti statični ili animirani.
Razlika između favicona i ikone
Favicon je mala ikona koja se pojavljuje na kartici preglednika web stranice. Obično se koristi za predstavljanje web stranice ili marke 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 izbornika, gumba i poveznica unutar web stranice ili aplikacije.
Kako dodati ikonu kartice preglednika za web mjesto
Dodavanje ikone kartice preglednika za web mjesto u HTML-u jednostavan je postupak. Sve što trebate učiniti je dodati sljedeći kod u odjeljak vašeg HTML dokumenta:
Zamijenite [path/filename.extension] putanjom i nazivom datoteke vaše slike ikone, a zamijenite [filetype] vrstom datoteke vaše slike (npr. png, jpg, itd.). Na primjer:
Ovaj kod će prikazati ikonu na kartici preglednika za vašu web stranicu kada je posjećuju korisnici.
