Velikost Favicon za spletno mesto

V spletnem oblikovanju, kot verjetno veste, je vsaka podrobnost pomembna. Oseba, ki je prešla na vaš vir, posamezne elemente ne vidi ločeno, vendar pa celotno sliko vidi kot paket, ki ga sestavljajo drugi majhni podatki. Torej, če ste nekaj zamudili pri razvoju vašega vira, ta podrobnost v prihodnosti lahko pokvari celoten kompleks, celotno kompozicijo.

Takšna malenkost je lahko na primer ozadje gumba, nepravilno izbrana pisava nekaterih majhnih elementov in celo favicon. Pravzaprav si oglejte, da imajo velika, dobro znana spletna mesta posamezno ikono, ki jo označuje v razdelku »Zaznamki« uporabniškega brskalnika. Brez tega razvijalci virov ne bi mogli ustvariti sestave, na katero so si prvotno prizadevali.

Zato morate pri ustvarjanju zasnove vaše spletne strani poskrbeti za podrobnosti, kot je Favicon. V tem članku bomo govorili o tem, kako ga izbrati pod splošnim slogom vira, in kakšno velikost bi morala imeti ta slika.

Ikona spletnega mesta

Najprej določimo, kaj je ta element. Zdaj si oglejte ime zavihek vašega brskalnika. Kot lahko vidite, na levi strani je majhna slika, ki označuje poenostavljeno različico logotipa virov. Enaka slika je tudi v bližini imena mesta, prikazanega v rezultatih iskanja. Na tem je, da je uporabnik usmerjen, ko vidi naslov.

Mnogi spletni skrbniki razumejo, da je takšna slika potrebna - vendar zelo malo ljudi ve, kakšna velikost favicona za spletno stran bo najbolj primerna. Zato v tem članku ne samo dajemo informacije o tem, kako narediti takšno ikono in kako jo lahko namestite na svoj vir, temveč tudi povejte o velikosti slike.

Namen favicona

Torej, slika blizu naslov mesta služi za identifikacijo. To je njegov prvotni namen: izraziti spletno stran, ime, ki ga vidimo, in razlikovati ga v očeh drugih. To naredimo čim bolj preprosto z uporabo grafike: intuitivno zaznavamo informacije v slikah veliko hitreje in lažje kot v obliki besedila. Favicons nam pomagajo pri tem. Ampak ne pozabite, da je velikost favicona minimalna v očeh uporabnika. To ni logotip v "glavi" strani, ki lahko vsebuje dodatne informacije v obliki napisov, nekaj pojasnil ali kontaktnih informacij. Vse, kar se lahko prikaže na ikoni poleg imena, mora biti enako blizu velikosti Favicon. In, kot je že bilo navedeno, je le miniaturen (samo 16 s 16 pik).

Kako izbrati Favicon?

Torej, kako lahko spletni skrbnik razvije ikono za svojo spletno stran? Treba je opozoriti, da preprosto krčenje logotipa mesta, najpogosteje, ne bo delovala. Na emblemih, ki so v obliki logotipa določenega vira, so vidni pogosto različni elementi, ki v miniaturni obliki niso vedno pravilno prikazani. Bolje je, da takoj opustite tako zavezo.

Seveda, velikost favicona ne dovoljuje, da bi se pogovarjali o preprostem vstavljanju napisov tam. Vsako besedilo bo v tej resoluciji preprosto nevidno. Treba je razviti novo ikono, ki bi prenašala slog spletne strani. Če želite poiskati rešitve, se obrnite na največja spletna mesta.

Številna uporaba v obliki favicon je stilizirala prvo črko imena storitve. To je na primer Bing, Yahoo, Yandex, Wikipedia, Google do. Obstaja še en pristop - če imate kratko ime spletnega mesta, ga lahko nastavite kot ozadje vaše ikone. Na velikost favicon (v pikslih doseže, ponavljam, 16 s 16 točkami) je omogočeno pravilno prikazovanje tega napisa, ne sme biti daljše od 3 črk. To je na primer storitev Aol.

Kako ustvariti Favicon?

Za ime spletnega mesta lahko naredite ikono na več načinov. Seveda je najpreprostejši delati z različnimi pripravljenimi rešitvami. Lahko se nanašajo na vse storitve ali programe, ki vam omogočajo, da z ikono naredite popolno ikono. Vendar pa bi vam priporočal, da sami razvijete ta logotip. Prvič, to bo priložnost, da se naučite nekaj, in drugič, da bo zagotovilo več orodij. Vse, kar boste morali biti sposobni storiti, je, kaj je treba pripraviti, in tudi vedeti, kateri velikost favicona mora biti v končni različici. Glede velikosti ikone za spletno stran, se bomo pogovorili malo kasneje, vendar za zdaj opozorimo na nekatere tanke možnosti za delo s takšnimi slikami. Zlasti brez navedbe velikosti favicona za spletno mesto morate določiti obliko te slike. Kot so opozorili izkušeni oblikovalci, je treba sliko shraniti kot .jpg (24-bitna) ali kot datoteko. ICO.

Sliko lahko shranite, na primer z uporabo Photoshopa, kjer bo logotip risan.

Mere favicon

Zdaj pa se pogovorimo o tem, kako velika bi bila slika, ki jo vidimo poleg imena mesta v rezultatu iskanja. Kot je bilo že omenjeno, je privzeta velikost le 16 pikslov (na vsaki strani). Če pa poskušate urejati to sliko v Photoshopu, boste sami videli, kako neprijetno je. Zato priporočamo, da delate z razširjeno sliko, ki jo lahko v prihodnosti preprosto stisnete okoli robov in shranite v želeni obliki.

Multiplatform

Vendar pa je treba glede na velikost favicona biti na vaši spletni strani, morate zapomniti še eno stvar. Vse platforme ne prikazujejo slike vira na enak način. Na primer, naprave z Retina zaslonom "vidijo" vaš favicon s hitrostjo 32 do 32 slikovnih pik. In v Safariju in na novi platformi Windows in sploh te ikone dosegajo velikost 64 slikovnih pik.

Zato priporočamo, da shranite različne različice ikone in v prihodnje preprosto zagotovite njegovo spreminjanje, odvisno od uporabniške platforme. Še ena zanimiva točka - poskusite prenesti ikono v največji obliki in pričakovati, da se bo "zmanjšala" glede na brskalnik.

Tuji uredniki

Seveda je dobro, če razumete Photoshop in veste, kakšna velikost favicon bi morala biti in kako jo doseči, prihranite svojo sliko. Vendar pa je veliko novih članov, ki preprosto niso naleteli na grafične urednike tako tesno prej, da ne morejo samo narediti prave podobe. Če želite pomagati tem spletnim skrbnikom, obstajajo različne storitve, ki vam omogočajo, da samodejno ustvarite zanimivo ikono. Mnogi od njih so celo brezplačni, ki od uporabnika ne zahtevajo nobenih naložb.

Za delo se včasih preprosto registrirate, toda, kot veste, to storite enkrat - navsezadnje podjetja ne spremenijo favicon. Poglej vsaj v Googlu, ki vsakodnevno spreminja logotip, vendar se ne dotika ikone.

Kako namestiti Favicon?

Na splošno lahko prilagodite spletno mesto tako, da pravilno prikaže sliko, ki jo potrebujete, je zelo preprosta. Dovolj je, da izvedete številne preproste ukrepe, ki bodo iskalnim strojem in preprostim brskalnikom omogočali branje informacij.

Če želite to narediti, je potrebno sliko shraniti z imenom favicon.ico in jo dati v koren njegovega vira. Vse, zdaj bo vaša slika samodejno prepoznana in čez nekaj časa bo pritrjena na vašo spletno stran.

Poleg te vezave lahko dodate še eno vrstico, ki bo "pozvala", kjer se nahaja vaša ikona. Izgleda takole:

Sklepi

Torej, po branju našega članka, ste ugotovili, kakšno velikost bi moral biti favicon za spletno stran in kaj je to. Prav tako mislim, da ste ugotovili, da je iskanje pravilne ikone za vaš vir nujno, ker igra v vaših rokah tako v smislu povečanja prepoznavnosti kot glede nekaterih dodatnih dodelitev med vašimi konkurenti. Največja spletna mesta naredijo isto, kar se lahko obravnava kot živahen primer. In potem, ne povzroča nobenega posebnega napora - po tem, ko enkrat naredite Favicon in ga pravilno namestite na svojo spletno stran, lahko pozabite na to v naslednjih nekaj mesecih.

Torej eksperimentirajte drzno, pripravite nekaj novega, poskusite in vse se bo izkazalo!