Kako namestiti Favicon na spletnem mestu?

Favicon je okrajšava za "izbrano ikono" (prevedena iz angleščine). Ime prihaja iz seznama zaznamkov v Internet Explorerju, ki se imenuje »Priljubljeni« / »Seznam priljubljenih«. Ko dodate spletno mesto na kartico Raziskovalec (različica 5 in novejše), zahteva, če ima datoteko favicon.ico strežnik. Če taka datoteka obstaja, se bo uporabila za prikaz ikone, ki se prijavi zraven zaznamka.

Drugi brskalniki (na primer Mozilla) imajo tudi podporo za favicon. Glede na program za iskanje je lahko ta ikona prikazana na različnih mestih, ne le na seznamu zaznamkov (dejansko se morda niti tam ne pojavlja). Prikazana je v naslovna vrstica ali zavihek brskalnika.

Ikone na karticah brskalnika

Večina uporabnikov ima praviloma veliko odprtih zavihkov v oknu brskalnika. S povečanjem števila zavihkov je ime spletnih mest skrito. Favicon uporabniku pomaga prepoznati povezavo in hitro preklopiti na zavihek, ki ga želite odpreti.

Poleg tega, če uporabnik želi dodati svoje najljubše spletno mesto na namizje v mobilni napravi, bo uporabljena ikona. Zato morate pred namestitvijo Favicon vedno izbrati sliko. Taka ikona mesta je prikazana kot ikona aplikacije na namizju tabličnega ali pametnega telefona.

Kako ustvariti Favicon?

Če želite ustvariti favicon.ico, morate datoteko 16x16 PNG shraniti in jo pretvoriti v ikono virov iz png2ico. Ob svoji presoji lahko istemu ikonu dodate različne slike, da zagotovite alternativne rešitve. Večina brskalnikov uporablja samo 16x16 format za to sliko, vendar v drugačnem kontekstu (na primer pri vlečenju URL-ja iz naslovne vrstice na namizje) lahko na sliki prikaže veliko ikono. Če ikona virov vsebuje le 16x16 slik, se bo pomanjšala na želeno velikost, zato tehnično ni treba dodati drugih rešitev. Vendar pa to lahko izboljša kakovost slike. Preden namestite favicon na spletno mesto, se prepričajte, kako je slika videti v različnih velikostih.

Upoštevajte, da lahko za uporabnika s počasno internetno povezavo Favicon za nekaj sekund poveča čas nalaganja strani. To je mogoče, če je slikovna datoteka prevelika, zato ne pretiravajte. Dodajanje nadomestne oblike 32x32 bi moralo biti dovolj, da bo slika videti dobro tudi v situacijah z velikimi ikonami. Uporaba več možnosti je bonus, ki se izvaja samo na zahtevo razvijalca spletnega mesta. Poskusite ohraniti število barv na 16 in ustvariti 16-barvno ikono s png2ico (ali celo črno-belo ikono). S tem boste shranili manjšo datoteko, ki se hitreje naloži.

Ko ustvarite sliko, ki jo želite dodati v favicon.ico, ne pozabite, da se ikone lahko prikažejo v drugačni barvi ozadja. Zato je bolje uporabljati preglednost in ne trdno ozadje. Razmislite o tem, kako najprimerneje namestite favicon, tako da je v harmoniji s katerim koli ozadjem. Treba je omeniti, da lahko nastavite vmesne vrednosti, ki se merijo v odstotkih. Strokovnjaki pravijo, da je prilagoditev idealna, kar vključuje približno 30-40% prosojnosti ozadja.

Za izdelavo ikone posamezne strani lahko uporabite logotip vaše blagovne znamke, simbol teme teme ali priljubljeno sliko. Priporočena velikost favicon je široka vsaj 512 pik in visoka. Slika mora biti kvadratna, lahko pa uporabite velike pravokotne slike. Mnogi motorji vam omogočajo, da posnamete sliko, ko jo dodate (zato ne skrbite, kako namestiti favicon na SMF kot veliko sliko).

Ustvarjanje ikone z uporabo Photoshopa

Strokovnjaki priporočajo uporabo program za urejanje slik, na primer, Adobe Photoshop ali GIMP. To bo ustvarilo ikono mesta natančno 512 × 512 slikovnih pik. Tako lahko shranite natančne dele slike, uporabite pregledne slike ali napolnite ozadje po svoji izbiri. Ta slika je lahko v oblike PNG, JPEG ali GIF. Po tem morate določiti, kako namestiti favicon na spletnem mestu.

Zakaj moram dodati spletno mesto?

Kot že rečeno, ikona favicon je majhna ikona, ki se prikaže poleg imena spletnega mesta v brskalniku. Uporabnikom pomaga prepoznati povezavo in pogosteje obiskovalci vaše spletne strani bodo takoj prepoznali to majhno sliko. To povečuje ozaveščenost blagovne znamke in pomaga pridobiti zaupanje med občinstvom. Tako favicon določa "osebnost" vaše spletne strani. Poleg tega izboljša uporabnost in uporabniško izkušnjo spletnega mesta.

Kako namestiti favicon na html strani

Če želite dodati svoj novi favik na spletno stran, jo morate namestiti na strežnik v isti mapi, na kateri se nahaja spletna stran (na primer example.com/foo/favicon.ico for example.com/foo/index.html). To so podatki, ki jih bo najprej iskal vsak brskalnik. Če ikona ne najde, bo preveril strežnik na najvišjem imeniku (example.com/favicon.ico for example.com na strežniku). Zaradi tega, če ga tam namestite, lahko imate privzeto ikono za vse strani vaše domene. Odvisno od brskalnika in konfiguracije, favicon ni vedno prikazan, tudi če je na enem od zgornjih mest in ga spletna stran vidi.

Za registracijo prisotnosti Favicon v kodi strani lahko v razdelku dodate še dve vrstici :

< povezava rel = "icon" href = "favicon.ico" type = "image / x-icon">
< link rel = "ikona bližnjice" href = "favicon.ico" tip e = "slika / x-ikona">

Kako dodati Favicon v WordPress Blog

Če se sprašujete, kako namestiti Favicon v Direct, ni nič preveč zapletenega. Vmesnik ima ustrezne elemente menija, ki vam omogočajo, da izberete in naložite sliko.

Kako dodati favicon WordPressu

Od WordPress 4.3 lahko dodate favik na spletno mesto s področja administratorja. Pojdite na »Pogled« / »Nastavitve« in izberite zavihek »Spletno mesto«.

V razdelku identifikatorja spletnega mesta v prilagojevalniku lahko spremenite ime in opis virov. Pred izhodom iz menija vas bo vprašal, ali res želite prikazati nove podatke v glavi. Prav tako vam omogoča, da naložite svojo ikono za spletno mesto. Samo kliknite gumb »Izberite datoteko« in prenesite sliko, ki jo želite uporabiti kot favicon.

Dodajanje Favicon na svoj blog

Nadaljnja navodila o tem, kako namestiti Favicon, so naslednja. Če slika, ki jo naložite, presega priporočeno velikost, vam bo WordPress omogočil obrezovanje. Če se ujema s priporočenimi nastavitvami, jih lahko preprosto shranite. Treba je omeniti, da je navodilo za namestitev favicon na spletno mesto Joomla videti podobno.

Po tem, ko brskate po spletnem mestu, boste videli vaš favicon v akciji. Prav tako lahko dostopate do spletnega mesta iz mobilne naprave in v meniju brskalnika izberite »Prenos celotne različice«. Opazili boste, da bo ikona prikazana na celotnem namizju računalnika.

Kako namestiti Favicon na WordPress stare različice (4,2 ali manj)

Prenesite vaš Favicon v korenski imenik mesta protokol FTP. Po tem lahko preprosto prilepite to kodo v datoteko header.php želene teme.

< link rel = "icon" href = "http: // example.com/favicon.jpg" tip = "slika / x-ikona">

< link rel = "ikona bližnjice" href = "http: // example.com/favicon.jpg" tip = "slika / x-ikona">

Zamenjajte wpbeginner.com z URL-jem vašega spletnega mesta in vse bo storjeno. Če blog nima datoteke header.php ali ga ne najde, uporabite poseben vtičnik. Namestite in aktivirajte ga v nastavitvah spletnega mesta. Po aktiviranju vtičnika pojdite na »Nastavitve«, poiščite element »Vstavi naslove«, pojdite na zgornjo kartico »Vstavi kodo« v razdelek glave in shranite nastavitve.

Če ne želite razumeti težavnosti dela s FTP-jem, hkrati pa se zanima, kako namestiti Favicon, lahko uporabite tudi poseben vtičnik, ki regulira ikono nalaganje v vseh fazah. Takšni dodatki k motorju so na voljo ne le za WordPress, temveč tudi za druge priljubljene sisteme, tudi za Joomla.