Kako instalirati Favicon na sajtu?

Favicon je skraćenica za "izabranu ikonu" (prevedeno s engleskog). Ime dolazi sa liste obeleživača u Internet Explorer-u, koji se zove "Omiljeni" / "Lista favorita". Kada dodate stranicu na karticu Explorer (verzija 5 i više), server pita da li resurs ima datoteku favicon.ico. Ako postoji takva datoteka, ona će se koristiti za pružanje ikone koja se pojavljuje pored obeleživača s tekstom.

Ostali pregledači (na primer, Mozilla) takođe imaju podršku za favikon. U zavisnosti od programa za pretraživanje, ova ikona može se prikazivati na različitim mestima, ne samo na listi markera (zapravo, možda se i tamo ne pojavljuje). Prikazuje se u adresnoj traci ili naslovnoj traci kartice pregledača.

Ikone na karticama pregledača

Većina korisnika, po pravilu, ima mnogo otvorenih kartica u prozoru pregledača. Sa povećanjem broja tabova, ime stranica je skriveno. Favicon pomaže korisniku da identifikuje vezu i brzo se prebaci na karticu koja treba otvoriti.

Pored toga, ako korisnik želi dodati svoje omiljeno mjesto na radnu površinu na mobilnom uređaju, ikona će se takođe koristiti. Prema tome, uvek morate da odlučite o izboru slike pre instaliranja Favicon-a. Takva ikona sajta se prikazuje kao ikona aplikacije na desktopu tabličnog računara ili pametnog telefona.

Kako napraviti Favicon?

Da biste kreirali favicon.ico, morate samo da sačuvate 16x16 PNG datoteku i pretvorite je u ikonu izvora iz png2ico. Po vašem nahođenju možete dodati različite slike istoj ikoni kako biste pružili alternativna rješenja. Većina pretraživača koristi samo 16x16 format za ovu sliku, ali u drugom kontekstu (na primjer, kada prevlačite URL iz adresne trake na radnu površinu), na slici je prikazana velika ikona. Ako ikona resursa sadrži samo 16x16 slika, ona će biti skalirana do željene veličine, tako da tehnički nema apsolutno nikakve potrebe za dodavanjem alternativnih rješenja. Međutim, ovo može poboljšati kvalitet slike. Prije instaliranja Favicon-a na sajt, obavezno pogledajte kako se slika prikazuje u različitim veličinama.

Imajte na umu da za korisnika sa sporim Internet vezom Favicon može povećati vreme učitavanja stranice za nekoliko sekundi. Ovo je moguće ako je datoteka slike prevelika, tako da je nemojte preterati. Dodavanje alternativnog formata 32x32 bi trebalo biti dovoljno da bi slika izgledala dobro čak iu situacijama sa velikim ikonama. Korišćenje više opcija je bonus koji se vrši samo na zahtev graditelja sajta. Pokušajte da zadržite broj boja na 16 i kreirajte ikonu od 16 boja sa png2ico (ili čak crno-belim ikonom). Ovo će sačuvati manju datoteku koja se brže učitava.

Kada kreirate sliku koja će se dodati u favicon.ico, ne zaboravite da se ikone mogu prikazivati u različitim bojama pozadine. Zbog toga je bolje koristiti transparentnost, a ne solidnu pozadinu. Pa razmislite kako najkompetentnije instalirati favicon, tako da je u skladu sa bilo kojim pozadinom. Vrijedno je napomenuti da možete postaviti srednje vrijednosti koje se mere u procentima. Stručnjaci kažu da je idealna postavka oko 30-40% transparentnosti pozadine.

Možete koristiti logotip vašeg brenda, simbol teme o resursima ili omiljenu sliku kako biste napravili svoju pojedinačnu ikonu sajta. Preporučena veličina za favicon je širina najmanje 512 piksela i visoka. Slika bi trebala biti kvadratna, ali možete koristiti velike pravougaone slike. Mnogi motori će vam omogućiti da isecate sliku kada ga dodate (ne brinite kako da instalirate favicon na SMF kao veliku sliku).

Kreiranje ikone pomoću Photoshopa

Stručnjaci preporučuju korišćenje programa za uređivanje slika, na primjer, Adobe Photoshop ili GIMP. Ovo će kreirati ikonu sajta tačno 512 × 512 piksela. Na taj način možete sačuvati tačne proporcije slike, koristiti transparentne slike ili popuniti pozadinu po vašem izboru. Ova slika može biti u PNG, JPEG ili GIF formatu . Nakon toga morate odrediti kako instalirati favikon na sajtu.

Zašto treba da dodam na sajt?

Kao što je već rečeno, ikona favicon-a je mala ikona koja se pojavljuje pored imena sajta u pregledaču. Pomaže korisnicima da prepoznaju vezu, a češći posjetioci na vašoj web lokaciji odmah će prepoznati ovu malu sliku. Ovo povećava svest o brandovima i pomaže da stekne povjerenje među publikom. Dakle, favicon određuje "identitet" vaše web stranice. Pored toga, poboljšava i korisnost i korisničko iskustvo sajta.

Kako instalirati favikon na html sajtu

Da biste dodali svoj novi favikon na web stranicu, morate ga instalirati na serveru u istom folderu u kojem se nalazi web stranica (na primjer, www.example.com/foo/favicon.ico za www.example.com/foo/index. Html). Ovo su podaci koje će pre svega pretraživač tražiti da preuzmu. Ako ne pronađe ikonu, proveriću direktorijum najvišeg nivoa (www.example.com/favicon.ico za www.example.com na serveru). Iz tog razloga, ako ga tamo instalirate, možete imati podrazumevanu ikonu za sve stranice vašeg domena. U zavisnosti od pretraživača i konfiguracije, favikon se ne prikazuje uvek, čak i ako se nalazi na nekom od gore navedenih mesta, a web stranica ga vidi.

Da biste registrovali prisustvo favicona u kodu stranice, u poglavlju možete dodati sljedeće 2 reda:

Kako dodati Favicon na WordPress blog

Ako se pitate kako instalirati Favicon u Direct, nema ništa komplikovanije. Interfejs ima odgovarajuće stavke menija koje vam omogućavaju da izaberete i učitate sliku.

Kako dodati favikon WordPressu

Počevši od WordPress 4.3, možete dodati favikon na lokaciju iz administratorskog područja. Samo idite na "View" / "Settings" i odaberite karticu "Site".

Odeljak identifikatora sajta u prilagođivaču vam omogućava da promenite ime resursa i opis. Pre nego što izađete iz menija, od vas će biti upitano da zaista želite da prikažete nove podatke u zaglavlju. Takođe vam omogućava da postavite svoju ikonu za sajt. Samo kliknite na dugme "Izaberi datoteku" i otpremite sliku koju želite koristiti kao Favicon.

Dodavanje favikona na svoj blog

Dalje instrukcije o tome kako instalirati Favicon su sljedeće. Ako slika koju otpremate premašuje preporučenu veličinu, onda će vam WordPress omogućiti da je obrišete. Ako ispunjava preporučene parametre, možete jednostavno da sačuvate promene. Vrijedno je napomenuti da upute o tome kako instalirati favicon na Joomla sajtu izgleda slično.

Nakon toga, kada pregledate sajt, videćete svoj favik u akciji. Takođe možete ići na sajtu sa svog mobilnog uređaja, a zatim iz menija pretraživača izaberite "Preuzmite punu verziju". Primetićete da će ikona biti prikazana kao na punom računaru računara.

Kako instalirati Favicon na WordPress starije verzije (4.2 ili niže)

Preuzmite svoj Favikon u root direktorij stranice koristeći FTP protokol. Posle toga možete jednostavno dodati ovaj kod u datoteku header.php željene teme.

Zamijenite wpbeginner.com sa URL-om vaše web stranice i sve će biti učinjeno. Ako blog nema header.php datoteku ili ga ne možete pronaći, onda koristite poseban dodatak. Instalirajte i aktivirajte ga u postavkama sajta. Nakon aktiviranja dodatka, idite na "Settings", pronađite stavku "Insert Headers", idite na karticu "Insert Code" u gornjem dijelu i sačuvajte postavke.

Ako ne želite da shvatite komplikacije rada sa FTP-om, ali istovremeno su zainteresovani za instalaciju Favicon-a, možete koristiti i poseban dodatak koji reguliše ikonsko učitavanje u svim fazama. Takva dodatka motoru su dostupna ne samo za WordPress, već i za druge popularne sisteme, uključujući i za Joomla.