Peamine probleem, mis on seotud faviconi lisamisega HTML-i, on see, et see nõuab täiendavat kodeerimist. Faviconid on väikesed ikoonid, mis kuvatakse veebisaidi brauseri vahekaardil või aadressiribal. Faviconi lisamiseks HTML-lehele peate lisama lingielemendi, mille atribuudiks rel on seatud "otseteikoon" ja atribuudiga href on määratud faviconi faili asukoht. See võib olla aeganõudev ja keeruline neile, kes pole HTML-i kodeerimisega tuttavad. Lisaks ei pruugi mõned brauserid teatud tüüpi lemmikuid ära tunda, mistõttu on oluline enne selle lehele lisamist veenduda, et teie favicon ühildub kõigi brauseritega.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. See koodirida loob lingi välisele failile, mida kasutatakse brauseri vahekaardil lehe pealkirja kõrval väikese ikooni kuvamiseks.
2. Atribuut “rel” määrab praeguse dokumendi ja lingitud dokumendi vahelise suhte, mis antud juhul on otsetee ikoon.
3. Atribuut “href” määrab lingitud dokumendi asukoha, milleks antud juhul on “favicon.ico”.
4. Atribuut “type” määrab lingitud dokumendi meediumitüübi, milleks antud juhul on x-ikooni formaadis pilt.
Mis on favicon
Favicon (lühend sõnadest "lemmikuikoon") on väike 16 × 16 pilt, mis on seotud konkreetse veebisaidi või veebilehega. See kuvatakse brauseri aadressiribal, lehe pealkirja kõrval ja järjehoidjate loendis. Favicone kasutatakse kõige sagedamini selleks, et pakkuda kasutajatele lihtsat viisi erinevate veebisaitide tuvastamiseks ja nende vahel navigeerimiseks.
Kuidas lisada HTML-i faviconi
Favicon on väike ikoon, mis kuvatakse veebisaidi brauseri vahekaardil. Seda kasutatakse teie veebisaidi tuvastamiseks ja külastajate jaoks paremini äratuntavamaks muutmiseks. Faviconi lisamiseks HTML-i peate oma HTML-dokumendi jaotisesse lisama järgmise koodi:
Asendage "path/to/favicon.ico" teega, kuhu olete oma faviconi faili salvestanud. Fail peab olema .ico-vormingus ja suurusega 16 × 16 pikslit või 32 × 32 pikslit.
Kuidas lisada SVG faviconi
1. Looge SVG-fail. Esimene samm on luua SVG-fail, mida soovite kasutada faviconina. Saate selle ise luua, kasutades vektorgraafika redaktorit, nagu Adobe Illustrator või Inkscape, või saate selle veebist alla laadida.
2. Teisendage SVG ICO-vormingusse: kui teil on SVG-fail olemas, peate selle teisendama ICO-vormingusse. Seda saab teha tasuta võrgumuunduri (nt Convertio või CloudConvert) abil.
3. Lisage HTML-i faviconi lingi märgend: kui teil on ICO-fail, lisage oma HTML-dokumendi jaotisesse järgmine kood:
See annab brauseritele teada, et see on teie veebisaidi favicon ja nad peaksid seda kuvama, kui keegi teie saiti külastab.
4. Testimine ja tõrkeotsing: lõpuks testige oma uut faviconi, külastades oma veebisaiti erinevates brauserites ja seadmetes ning veenduge, et see näeb kõikjal hea välja! Kui teil on probleeme, proovige neid tõrkeotsingut teha selliste tööriistadega nagu Google Chrome'i DevTools või Firefoxi veebiarendaja tööriistad.
