Glavna težava, povezana z dodajanjem favicon v HTML, je, da zahteva dodatno kodiranje. Favicons so majhne ikone, ki se prikažejo v zavihku brskalnika ali v naslovni vrstici spletnega mesta. Če želite dodati favicon na stran HTML, morate vključiti element povezave z atributom rel, nastavljenim na »ikona bližnjice«, in atributom href, nastavljenim na lokacijo datoteke favicon. To je lahko dolgotrajno in težko za tiste, ki niso seznanjeni s kodiranjem HTML. Poleg tega nekateri brskalniki morda ne prepoznajo določenih vrst priljubljenih ikon, zato je pomembno zagotoviti, da je vaša priljubljena ikona združljiva z vsemi brskalniki, preden jo dodate na svojo stran.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ta vrstica kode ustvari povezavo do zunanje datoteke, ki se uporablja za prikaz majhne ikone poleg naslova strani v zavihku brskalnika.
2. Atribut »rel« določa razmerje med trenutnim dokumentom in povezanim dokumentom, ki je v tem primeru ikona bližnjice.
3. Atribut “href” določa lokacijo povezanega dokumenta, ki je v tem primeru “favicon.ico”.
4. Atribut »type« določa vrsto medija povezanega dokumenta, ki je v tem primeru slika s formatom ikone x.
Kaj je favicon
Favicon (okrajšava za »ikona priljubljenih«) je majhna slika 16 × 16, ki je povezana z določenim spletnim mestom ali spletno stranjo. Prikaže se v naslovni vrstici brskalnika, poleg naslova strani in na seznamu zaznamkov. Ikone Favicons se najpogosteje uporabljajo za zagotavljanje preprostega načina za prepoznavanje in krmarjenje med različnimi spletnimi stranmi.
Kako dodam favicon v HTML
Favicon je majhna ikona, ki se pojavi na zavihku brskalnika spletnega mesta. Uporablja se za pomoč pri identifikaciji vaše spletne strani in za večjo prepoznavnost obiskovalcev. Če želite dodati favicon v HTML, boste morali v razdelek dokumenta HTML vključiti to kodo:
Zamenjajte »path/to/favicon.ico« s potjo do mesta, kjer ste shranili datoteko favicon. Datoteka naj bo formata .ico in velikosti 16 × 16 ali 32 × 32 pik.
Kako dodati favicon SVG
1. Ustvarite datoteko SVG: Prvi korak je ustvariti datoteko SVG, ki jo želite uporabiti kot favicon. Ustvarite ga lahko sami z urejevalnikom vektorske grafike, kot je Adobe Illustrator ali Inkscape, ali pa ga prenesete s spleta.
2. Pretvorite SVG v format ICO: Ko imate datoteko SVG, jo morate pretvoriti v format ICO. To lahko storite z brezplačnim spletnim pretvornikom, kot sta Convertio ali CloudConvert.
3. Dodajte oznako povezave favicon v HTML: Ko imate svojo datoteko ICO, dodajte naslednjo kodo v razdelek vašega dokumenta HTML:
To bo brskalnikom povedalo, da je to ikona priljubljene vaše spletne strani in da jo morajo prikazati, ko nekdo obišče vaše spletno mesto.
4. Preizkusite in odpravite težave: končno preizkusite svojo novo favicon tako, da obiščete svoje spletno mesto v različnih brskalnikih in napravah ter se prepričajte, da je povsod videti dobro! Če pride do kakršnih koli težav, jih poskusite odpraviti z orodji, kot sta Google Chrome DevTools ali Firefoxova orodja za spletne razvijalce.
