HTML-lehtede faviconiga seotud peamine probleem on see, et selle rakendamine võib olla keeruline. Faviconid on väikesed ikoonid, mis kuvatakse veebisaidi brauseri vahekaardil või aadressiribal ja mida kasutatakse sageli veebisaidi või kaubamärgi tuvastamiseks. Faviconi lisamiseks HTML-lehele tuleb ikoon salvestada .ico-failina ja seejärel linkida HTML-koodi, kasutades tag. See võib olla keeruline neile, kes pole kodeerimisega tuttavad, kuna sellega on seotud mitu sammu ja see nõuab HTML-i süntaksi tundmist. Lisaks ei pruugi mõned brauserid faviconi ära tunda, kui see pole õigesti rakendatud.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. See koodirida loob lingi välisele failile nimega "favicon.ico".
2. Lingile antakse atribuut “rel” väärtusega “otsetee ikoon”, mis näitab, et see on veebisaidi otseteeikoon.
3. Atribuut href annab tee faviconi failile, mis antud juhul on lihtsalt “favicon.ico”.
4. Atribuut type näitab, et see fail on x-icon tüüpi kujutis, mis on veebisaitide ikoonide ja logode jaoks kasutatav eritüüpi kujutis.
Mis on favicon
Favicon on väike ikoon, mis on seotud veebisaidi või veebilehega. Tavaliselt kuvatakse see brauseri aadressiribal saidi URL-i kõrval. Seda saab kasutada ka järjehoidjate tuvastamiseks veebibrauserites ning otseteede ikoonina arvutites ja mobiilseadmetes. Faviconid on tavaliselt 16×16 piksli suurused ja salvestatakse .ico failidena.
Kuidas lisada oma veebisaidile favicon
Faviconi lisamine oma veebisaidile on suurepärane võimalus lisada saidile täiendav bränding ja identiteet. Faviconid on väikesed ikoonid, mis kuvatakse brauseri vahekaardil teie veebisaidi pealkirja kõrval. Neid saab kasutada ka otseteedena mobiilseadmetes, mis hõlbustab kasutajatel teie saidi leidmist ja sellele juurdepääsu.
Oma veebisaidile HTML-vormingus faviconi lisamiseks vajate pildifaili laiendiga .ico. Selle pildi suurus peaks olema 16 × 16 pikslit või 32 × 32 pikslit. Kui olete selle pildifaili loonud või hankinud, saate selle oma veebisaidi juurkataloogi üles laadida.
Pärast üleslaadimist peate lisama oma saidi iga lehe päisesse lingielemendi, mis osutab sellele pildifailile:
See lingielement annab brauseritele teada, kust nad leiavad teie veebisaidi faviconi, et seda saaks õigesti kuvada, kui keegi mõnda selle lehte külastab.
Lõpuks, kui soovite, et brauserid nagu Chrome ja Firefox kuvaksid faviconi suuremat versiooni (192 × 192 pikslit), peate looma ikooni teise versiooni ja laadima selle ka juurkataloogi:
Kui kõik need toimingud on lõpule viidud, peaksid külastajad nägema teie veebisaidi mis tahes lehte külastades teie kohandatud lemmikikooni!
