Mis on Favicon?
Favicon on veebilehega seotud väike ikoon, mida kuvatakse brauseri vahekaartidel, aadressiribadel ja järjehoidjates. Tavaliselt meenutab see veebilehe logo ja aitab kasutajatel visuaalselt tuvastada avatud veebilehti erinevates brauseri vahekaartides. Favikoni standardsed mõõtmed on 16x16 pikslit või 32x32 pikslit ning see võib kasutada kas 8- või 24-bitiseid värve. Favikonid võivad olla PNG-, GIF- või ICO-vormingus.
Miks on favikoonid olulised?
Favicons parandavad kasutajakogemust, lihtsustades mitme vahekaardi tuvastamist ja vahetamist. Samuti lisavad nad teie veebisaidile professionaalse värvingu, tugevdades brändi identiteeti.
Kuidas luua Favicon
1. Looge pilt
Favicon'i saab luua mis tahes graafikaprogrammis, näiteks Photoshopis või Illustratoris. Kuna pilt on väike, kas 16x16 pikslit või 32x32 pikslit, peaks kujundus olema lihtne ja julge. Värvid peaksid olema kooskõlas ettevõtte kaubamärgi värvidega. Kui pilt on loodud, salvestage see sellistes vormingutes nagu .jpg, .png, .bmp, .gif või .tif.
2. Konverteerige fail
Pärast pildi loomist teisendage see .ico failiks, mis on favicoonide jaoks kasutatav formaat. Seda saab teha veebipõhiste tööriistade abil, näiteks Faviconer.
3. Laadige fail veebilehele
Kui .ico fail on loodud, laadige see üles oma veebisaidi juurkataloogi. Tavaliselt hõlmab see järgmist:
- Faili nimetamine
favicon.ico
. - Asetage see oma veebisaidi juurkataloogi (nt
http://yourwebsite.com/favicon.ico)
.
4. Lisage HTML link oma veebisaidile
Selleks, et veebilehitsejad tunneksid teie favicon'i, lisage järgmine HTML-kood oma HTML-dokumentide <head>-osasse
:
<link rel="ikoon" href="/favicon.ico" type="image/x-icon"> <link rel="otsetee ikoon" href="/favicon.ico" type="image/x-icon">
Kokkuvõte
Favikoni loomine on lihtne, kuid tõhus viis, kuidas parandada oma veebisaidi kasutajakogemust ja tugevdada oma brändi identiteeti. Järgides neid samme, saate hõlpsasti luua ja rakendada oma veebisaiti esindava favicon'i. Hästi kujundatud favikoni lisamisega saate muuta oma veebisaidi äratuntavamaks ja professionaalsemaks, tagades külastajatele parema kasutuskogemuse.