Kako instalirati favicon za vaše web stranice?

Favicon - kratica za „odabrane ikone” (prijevod na engleski). Ime mu dolazi od popisa oznaka u programu Internet Explorer, koji se zove „favoriti” / „favoriti”. Kada dodate stranicu u svoje favorite Explorer (verzija 5 i gore) odnosi se na server sa zahtjevom, da li je izvor datoteku favicon.ico. Ako takva datoteka postoji, to će se koristiti za pružanje ikonu koja se prikazuje pokraj teksta oznaka.

Ostali preglednici (npr Mozilla) također imaju podršku za favikonok. Ovisno o programu koji traži, ova ikona mogu se prikazati na različitim mjestima, a ne samo u popisu favorita (zapravo, ne pojavljuju se čak i tamo). To se prikazuje u adresnoj traci ili naslov kartici preglednika.

Simboli na karticama preglednika

Većina korisnika imaju tendenciju da imaju puno otvorenih kartica u prozoru preglednika. Uz povećanje broja kartica skrivenih naziv web stranice. Favicon pomaže korisniku da se identificiraju na link i brzo prebacivanje na karticu koju želite otvoriti.

Osim toga, ako korisnik želi dodati svoje omiljeno mjesto na radnoj površini na mobilnom uređaju, ikona će se koristiti. Stoga je uvijek potrebno odabrati lik prije postavljenog favicon. Ova ikona stranica se prikazuje kao ikona aplikacija na radnoj površini, tableta ili pametnog telefona.

Kako stvoriti favicon?

Za stvaranje favicon.ico, samo trebate spremiti PNG-datoteke 16x16 i pretvoriti ga u ikonu resurs png2ico. U svom nahođenju, možete dodati različite slike na istom ikonom za pružanje alternativnih rješenja. Većina preglednika koriste se samo 16x16 format za takve slike, ali u drugom kontekstu (npr vukući URL u adresnu traku na radnoj površini) velika ikona može biti prikazan na slici. Ako resurs sadrži samo 16x16 ikonu slike, to će biti umanjena na željenu veličinu, tako da tehnički ne morate dodati alternativna rješenja. Međutim, to može poboljšati kvalitetu slike. Prije instaliranja favicon za vaše web stranice, provjerite što to izgleda kao slika u različitim veličinama.

Imajte na umu da je za korisnika sa sporim internet veze favicon može povećati vrijeme učitavanja stranice za nekoliko sekundi. To je moguće ako je slikovna datoteka je prevelika, pa nemojte pretjerivati. Dodavanje 32x32 formata alternativa bi trebalo biti dovoljno za početak slika izgleda dobro, čak iu situacijama s velikim ikonama. Korištenje veći broj mogućnosti - to je bonus obavljati samo na zahtjev nositelja zahvata stranice. Pokušajte zadržati broj boja do 16 i stvoriti ikone 16-boje s png2ico (ili čak i crne i bijele ikone). To će zadržati manju datoteku koja učitava brže.

Prilikom stvaranja slike dodati na favicon.ico ne treba zaboraviti da se ikone mogu biti prikazane na drugu boju pozadine. Iz tog razloga je najbolje koristiti transparentno, a ne čvrsta pozadina. Mislim dugo i teško o tome kako instalirati najviše favicon ispravno, da je u skladu s bilo kojim pozadini. Treba napomenuti da je moguće postaviti srednje vrijednosti koje se mjere u postocima. Stručnjaci kažu da je idealna je za postavljanje, koji obuhvaća oko 30-40% od pozadine transparentnosti.

Možete koristiti logotip vašeg branda, simbol života temu ili omiljenu sliku kako bi vaš ikonu prilagođene web stranice. Preporučena veličina favicon - najmanje 512 piksela širine i visine. Slika mora biti kvadrat, ali možete koristiti veliki pravokutni slike. Mnogi motori omogućuju vam da obrezivanje sliku, kad ga dodati (tako da ne brinite o tome kako instalirati favicon na SMF u obliku velike slike).

Izrada ikona sa „Photoshop”

Stručnjaci preporučuju korištenje za uređivanje slika, na primjer, Adobe Photoshop ili GIMP. To će stvoriti favicon točno 512 × 512 piksela. Dakle, možete spremiti točne proporcije slike, koristite prozirnu sliku, ili popuniti pozadinu vašem izboru. Ova slika može biti u PNG formatu, JPEG ili GIF. Zatim morate odrediti kako instalirati favicon na svoje stranice.

Zašto trebam dodati na stranicu?

Kao što je već navedeno, favicon ikona - mala ikona koja se pojavljuje pored naziva stranice u pregledniku. Ona pomaže korisnicima da identificiraju na link i češće posjetitelja na vaše stranice će odmah odrediti malu sliku. To povećava svijest o marki i pomaže osvojiti povjerenje među publikom. Dakle, favicon definira „osobnost” svoje stranice. Osim toga, ona također poboljšava iskoristivost i korisničko iskustvo na web stranici.

Kako instalirati favicon za vaše web stranice html

Da biste dodali svoj novi favicon na svoju web stranicu, morate ga instalirati na server u istu mapu u kojoj je web stranica (npr www.example.com/foo/favicon.ico za www.example.com/foo/index. html). To je podatak da je na prvom mjestu bilo preglednik će izgledati za preuzimanje. Ako on ne može pronaći ikonu, a zatim provjerite poslužitelja vršnu katalog (www.example.com/favicon.ico za www.example.com na poslužitelju). Iz tog razloga, ako ga postavili tamo, od vas će biti u mogućnosti da imaju ikonu zadane za sve stranice svoje domene. Ovisno o konfiguraciji preglednika, a favicon nije uvijek prikazuju, čak i ako je u jednom od gore navedenih mjesta i web-stranica to ne vidi.

Za registraciju u prisutnosti kodne stranice favicon, možete dodati sljedeća dva retka u :

Kako dodati favicon za WordPress blog

Ako se pitate kako postaviti favicon u „Direkte”, i ovdje, ne postoji ništa teško. Sučelje ima odgovarajuće opcije koje omogućuju vam da odaberete i uploadati sliku.

Kako dodati favicon u WordPress

Počevši od WordPress 4.3 verziji možete dodati favicon na admin područje stranice. Dovoljno je otići na „View” / „Postavke” i odaberite karticu „Site”.

Sekcija ID mjestu u Customizer omogućuje promjenu naziva resursa i opis. Prije izlaska iz izbornika uvijek se pojavljuje pitanje da li zaista želite prikazati nove podatke u zaglavlju. Također vam omogućuje da uploadati svoje ikone za web stranice. Jednostavno kliknite na „Select File” i uploadati sliku koju želite koristiti kao favicon.

Dodavanje favicon na svoj blog

Daljnje upute o tome kako postaviti favicon je kako slijedi. Ako je slika koju prenosite prelazi preporučene veličine, a zatim WordPress će vam omogućiti da ga obrezati. Ako to odgovara preporučene postavke, možete jednostavno spremiti svoje promjene. Treba napomenuti da se upute o tome kako instalirati favicon za web Joomla, izgleda isto.

Nakon toga, tijekom pregledavanja stranice vidjet ćete favicon u akciji. Također možete otići na stranicu s mobilnog uređaja, a zatim odaberite „Preuzmite punu verziju” u izborniku preglednika. Primijetit ćete da ikona će se prikazati kao punopravni stolno računalo.

Kako instalirati WordPress favicon na staroj verziji (4.2 ili noviji)

Učitati svoju favicon u korijenski direktorij na FTP. Zatim možete umetnuti ovaj kod u datoteku header.php željenu temu.

Zamijenite wpbeginner.com na vaše web stranice URL-a, i sve će biti učinjeno. Ako vaš blog nema header.php datoteku, ili ne možete pronaći, a zatim koristiti poseban dodatak. Instalirati i aktivirati u postavkama stranice. Nakon aktiviranja dodatka, idite na „Settings”, dođite na „Umetanje zaglavlja i podnožja”, molimo pogledajte karticu „Kod Box” gore u odjeljku zaglavlja i spremili postavke.

Ako ne želite da se bave zamršenosti rad sa FTP, ali je još uvijek zanima kako postaviti favicon, također možete koristiti poseban dodatak, koji regulira ikone opterećenja u svim fazama. Takvi dodaci motora nisu dostupne samo za WordPress, ali i za druge popularne sustave, uključujući i Joomla.