Sigurno ste više puta čuli za favicon. Ovo je usko povezano s web dizajnom, a važno je da na svakoj stranici, bilo da je riječ o internetskoj trgovini, blogu, web stranici itd. oni će vas pitati. Ali, Što je favicon? Čemu služi? I najvažnije od svega, kako se to radi?
Ako sumnjate u ovo, ovdje ćemo vam dati ključeve kako biste ih razumjeli i, iznad svega, kako biste to mogli predstaviti u svom projektu i imati bolju prezentaciju. Uvjeravamo vas!
Što je favicon
Za početak ćemo objasniti što je favicon da biste ga vi razumjeli. A za ovo, ništa bolje od davanja praktičnog primjera. Zamislite da trenutno pregledavate (zapravo čitate nas). Ali nemate samo jednu karticu, već nekoliko njih. Možda ste primijetili da se na svakom od njih pojavljuje naziv onoga što ta stranica odražava, bilo da je to YouTube (jer slušate pozadinsku glazbu), Gmail (jer vam je pošta otvorena) ili ova stranica.
Pokraj svakog imena, slijeva, pojavljuje se mala slika, u kvadratu. Onoga na YouTubeu i Gmailu sigurno će prepoznati logotipi koje imaju, ali što je s ostalim karticama?
Pa, ono što vidite zapravo je favicon. Drugim riječima, to je a ikona koja je povezana sa stranicom koju posjećujete, Zbog toga je toliko važno obratiti pažnju na ovaj detalj, jer kada stranicu dodate u favorite ili prečace, favicon postaje "slika" te stranice i zato morate voditi računa o njenom dizajnu tako da je savršeno povezan (i prije svega izgleda dobro da ga razlikujete od ostalih).
Ova mala ikona obično ima skup veličina koji iznosi 16 × 16 piksela (iako se može postaviti i na 32x32px). U njemu morate paziti da se sve što stavite vidi ispravno, jer će se u protivnom pojaviti kao malo prepoznatljiva mrlja (a to će dati vrlo lošu sliku vaše stranice).
Zašto je favicon tako važan?
Sad kad znate što je favicon i kad ste ga locirali na stranicama koje obično otvarate, jeste li primijetili da danas ima sve manje stranica koje nedostaju? To je zato što je zaista vrlo važno dati viziju elegancije i znanja. Odnosno, prenijet ćete sliku marke ili korporacije koja brine o detaljima.
Međutim, favicon ima i druge namjene, kao što su:
- Služite kao identifikacija vaše stranice. Obično se ovaj fajon odnosi na logotip koji imate na svojoj web stranici, samo u manjoj veličini. Ali kad je logotip prevelik i neće se vidjeti na gumbu, obično odaberete nešto što se odnosi na njega.
- Pomoći ćete korisnicima koji su spremili vašu stranicu da je vizualno prepoznaju. Stoga, čak i ako se ne sjećaju URL-a ili naziva tvrtke, zbog slike favicona pronaći će ga.
- Biti "dobar" sa SEO-om. To se mora uzeti s rezervom. A to je da imati ili nemati favicon neće izravno utjecati na SEO (to jest, neće vas postaviti bolje ili lošije zbog toga što ga imate ili ne). Sada je sve učestalije da kada preglednik uđe na stranicu, traži taj favicon i, kad ga ne pronađe, daje pogrešku 404. I znate da ove pogreške nisu dobre za SEO web stranice stranica.
Kako napraviti favicon
Nakon razgledavanja jasno je da je favicon važan element kada imate web stranicu. E sad, kako se pravi?
Morali biste znati da je, u većini slučajeva, ono što čini odaberite logotip te web stranice, ili ako je prevelik, nešto što ga identificira. Na primjer, zamislite da imate televizijsku web stranicu koju ste na neki način nazvali. Ali to je, u faviconu, preveliko. Umjesto toga, možete staviti sliku televizora tako da je oni povežu. U tim se slučajevima preporučuje da nosite iste boje kao i vaše web mjesto kako biste ga bolje prepoznali.
A sada, kako možemo stvoriti favicon? Pa, imate nekoliko mogućnosti:
Photoshop, Gimp ...
Drugim riječima, govorimo o programima za uređivanje slika, jer se favicon kreira potpuno isto kao i slika. Naravno, morate ga spremiti u .ico formatu da bi ga prepoznali kao takvog jer ga ne možete ostaviti kao jpg, gif ili slično.
Ovakav način izvođenja omogućuje vam da mnogo bolje prilagodite favicon, uspijevajući ga stvoriti od nule i dajući mu završetak kakav želite. Obično za to radite sa slikom u normalnoj veličini, a zatim je prilagodite veličini tog gumba.
U stvari, trebalo bi ga prenijeti i testirati u različitim preglednicima kako bi se vidjelo izgleda li dobro, reprezentativan je i, prije svega, razumljiv.
Korištenje mrežnih alata
U ovom se slučaju pozivamo na web stranice koje se brinu o pretvaranju bilo koje slike u favicon u nekoliko sekundi. Ali također imate mogućnost izravno napravite svoj favicon s tim stranicama.
Ako želite prvu (prenesite sliku i pretvorite je), tada preporučujemo Favicon Generator ili Favic-o-matic. Ali ako želite ovo drugo (dizajnirajte ga ispočetka), kladite se na favicon.io ili x-icon editor.
Uz WordPress
Je li vaša stranica izrađena u WordPressu? A znate li da taj sustav možete koristiti za stvaranje svojeg favikona. Za to možete koristiti neke dodatke koji vam omogućuju stvaranje ovog gumba na temelju slike koju ste prenijeli (ili koju ste prenijeli). Također kroz "Izgled / prilagodba" to možete učiniti.
Nakon što završite favicon, jednostavno ga morate staviti na svoju web stranicu i pustiti da ga prepozna kako bi ga mogao prikazati u lijevom dijelu imena vaše stranice, kao i prilikom spremanja u favorite. Na taj će vas način lako prepoznati, a da ne moraju stati da biste pročitali je li to stranica koju su stvarno željeli posjetiti.