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, Šta 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!
Šta je favicon
Za početak ćemo objasniti šta 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 muziku u pozadini), Gmail (jer vam je pošta otvorena) ili ova stranica.
Pored svakog imena, s lijeve strane, pojavljuje se mala slika, u kvadratu. Onaj na YouTubeu i Gmailu sigurno će se prepoznati po logotipovima koje imaju, ali što je s ostalim karticama?
Pa, ono što vidite je zapravo 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čice, 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 se razlikuje od ostalih).
Ova mala ikona obično ima skup veličina koji iznosi 16 × 16 piksela (mada se može postaviti i na 32x32px). U njemu morate paziti da se sve što stavite vidi pravilno, jer će se u suprotnom pojaviti kao malo prepoznatljivo mjesto (i to će dati vrlo lošu sliku vaše stranice).
Zašto je favicon tako važan?
Sad kad znate šta je favicon i da 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ži kao identifikacija vaše stranice. Obično se ova favikona odnosi na logotip koji imate na svojoj web lokaciji, samo u manjoj veličini. Ali kada je logotip prevelik i neće se vidjeti na gumbu, skloni ste odabrati 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 kompanije, zbog imidža 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 direktno 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, kada ga ne pronađe, daje grešku 404. I znate da ove greške nisu dobre za SEO web stranice stranica.
Kako napraviti favicon
Nakon gledanja, jasno je da je favicon bitan element kada imate web stranicu. E sad, kako se pravi?
Trebali biste znati da je, u većini slučajeva, ono što radi 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 nosi iste boje kao i vaša web lokacija kako bi je bolje prepoznale.
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 omogućava 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 dugmeta.
U stvari, trebalo bi ga otpremiti i testirati u različitim pretraživačima kako bi se vidjelo da li izgleda dobro, reprezentativan je i, prije svega, razumljiv.
Korišćenje mrežnih alata
U ovom slučaju upućujemo na web stranice koje se brinu o pretvaranju bilo koje slike u favicon u nekoliko sekundi. Ali takođe imate mogućnost izradite svoj favicon direktno sa tim stranicama.
Ako želite prvu (otpremite sliku i pretvorite je), onda 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
Da li je vaša stranica napravljena u WordPressu? A da li znate da taj sistem možete koristiti za kreiranje favicona. Za ovo možete koristiti neke dodatke koji vam omogućavaju da kreirate ovo dugme na osnovu slike koju ste prenijeli (ili koju otpremite). Takođe 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 bez potrebe da se zaustave da bi pročitali je li to stranica koju su zaista željeli posjetiti.