Zagotovo ste že večkrat slišali za favicon. To je tesno povezano s spletnim oblikovanjem in pomembno je, da na vsaki strani, pa naj bo to spletna trgovina, spletni dnevnik, spletno mesto itd. vas bodo vprašali. Ampak, Kaj je favicon? Za kaj je namenjen? In kar je najpomembneje, kako se to naredi?
Če dvomite o tem, vam bomo tukaj dali ključe, da boste to razumeli, predvsem pa, da ga boste lahko predstavili v svojem projektu in imeli boljšo predstavitev. Zagotavljamo vam!
Kaj je favicon
Za začetek bomo razložili, kaj je favicon, da ga boste razumeli. In za to nič boljšega kot podati praktičen primer. Predstavljajte si, da trenutno brskate (pravzaprav nas berete). Nimate pa samo enega zavihka, temveč več. Morda ste opazili, da se pri vsakem od njih prikaže ime tega, kar odseva ta stran, naj bo to YouTube (ker poslušate glasbo v ozadju), Gmail (ker imate odprto pošto) ali ta stran.
Zraven vsakega imena se na levi prikaže majhna slika v kvadratu. Tistega v YouTubu in Gmailu bodo zagotovo prepoznali logotipi, ki jih imajo, kaj pa preostali zavihki?
No, kar vidite, je pravzaprav favicon. Z drugimi besedami, to je a ikona, ki je povezana s stranjo, ki jo obiskujete, Zato je tako pomembno, da smo pozorni na to podrobnost, kajti ko dodate stran med priljubljene ali bližnjice, favicon postane "podoba" te strani in zato morate poskrbeti za njeno obliko, da bo je popolnoma povezan (predvsem pa je videti dobro, če ga ločite od drugih).
Ta majhna ikona ima običajno velikost 16 × 16 slikovnih pik (čeprav jo lahko nastavite tudi na 32x32px). Znotraj njega morate paziti, da je vse, kar ste postavili, pravilno videti, saj bo v nasprotnem primeru videti kot malo prepoznaven madež (in to bo dalo zelo slabo podobo vaše strani).
Zakaj je favicon tako pomemben?
Zdaj, ko veste, kaj je favicon, in da ste ga našli na straneh, ki jih običajno odprete, ste opazili, da danes manjka vse manj strani? To je zato, ker je res zelo pomembno, da podarimo vizijo elegance in znanja. To pomeni, da boste predstavili podobo blagovne znamke ali družbe, ki skrbi za podrobnosti.
Vendar pa ima favicon tudi druge namene, kot so:
- Služi kot identifikacija vaše strani. Običajno je ta favikon povezan z logotipom, ki ga imate na svojem spletnem mestu, le v manjši velikosti. Kadar pa je logotip prevelik in ga na majhnem gumbu ne boste videli, ponavadi izberete nekaj, kar je povezano z njim.
- Uporabnikom, ki so shranili vašo stran, boste pomagali, da jo vizualno prepoznajo. Torej, tudi če se ne spomnijo URL-ja ali imena podjetja, ga bodo zaradi podobe favicona našli.
- Biti "dober" s SEO. To je treba vzeti s pinceto. In to je, da če imate ali ne uporabljate favicona, to ne bo neposredno vplivalo na SEO (to pomeni, da vas ne bo bolje ali slabše postavilo, če ga imate ali ne). Zdaj je vse bolj pogosto, da ko brskalnik vstopi na stran, poišče to favicon in, ko je ne najde, prikaže napako 404. In veste, da te napake niso dobre za SEO spletnega mesta strani.
Kako narediti favicon
Po ogledu je jasno, da je favicon bistven element spletne strani. Zdaj, kako ga naredite?
Vedeti bi morali, da v večini primerov to počne izberite logotip tega spletnega mesta ali, če je prevelik, nekaj, kar ga prepozna. Na primer, predstavljajte si, da imate televizijsko spletno stran, ki ste jo na nek način poklicali. Toda to je v faviconu preveliko. Namesto tega lahko postavite sliko televizije, tako da jo povežejo. V teh primerih je priporočljivo, da nosite enake barve kot vaše spletno mesto, da ga bolje prepoznate.
In kako lahko zdaj ustvarimo favicon? No, imate več možnosti:
Photoshop, Gimp ...
Z drugimi besedami, govorimo o programih za urejanje slik, saj je favicon ustvarjen popolnoma enako kot slika. Seveda ga morate shraniti v obliki .ico, da ga lahko prepoznate kot takega, ker ga ni mogoče pustiti kot jpg, gif ali podobno.
Ta način dela omogoča veliko boljše prilagajanje favicona, uspelo ga je ustvariti iz nič in mu dati želeni zaključek. Običajno za to delate s sliko v običajni velikosti in jo nato prilagodite velikosti tega gumba.
Dejansko bi ga bilo treba naložiti in preizkusiti v različnih brskalnikih, da se ugotovi, ali je videti dobro, je reprezentativen in predvsem razumljiv.
Uporaba spletnih orodij
V tem primeru se sklicujemo na spletne strani, ki v nekaj sekundah poskrbijo za pretvorbo poljubne slike v favicon. Imate pa tudi možnost oblikujte svojo favicon neposredno s temi stranmi.
Če želite prvega (naložite sliko in jo pretvorite), potem priporočamo Favicon Generator ali Favic-o-matic. Če pa želite slednje (oblikujte ga iz nič), stavite na favicon.io ali x-icon editor.
Z WordPressom
Ali je vaša stran narejena v WordPressu? Ali veste, da lahko s tem sistemom ustvarite svojo favicon. Za to lahko uporabite nekatere vtičnike, ki vam omogočajo, da ustvarite ta gumb na podlagi slike, ki ste jo naložili (ali naložili). Tudi skozi "Videz / Prilagodi" lahko to storite.
Ko končate s faviconom, ga morate preprosto postaviti na svoje spletno mesto in ga prepoznati, da ga bo lahko prikazal v levem delu imena vaše strani, pa tudi med shranjevanjem med priljubljene. Na ta način vas bodo zlahka prepoznali, ne da bi se morali ustaviti in prebrati, če gre za stran, ki so jo resnično želeli obiskati.