Veličina favicon za Vašu stranicu

Web dizajn, kao što vjerojatno znate, svaki detalj pitanjima. Čovjek koji je otišao na svoje stranice, ne mogu vidjeti svaki element zasebno, a traje cijelu sliku paketa, koji se sastoji od drugih sitnih detalja. Prema tome, ako nešto nedostaje u procesu razvoja resursa, ovaj detalj u budućnosti može pokvariti cijeli kompleks, čitavu kompoziciju.

Takve kazne mogu biti, na primjer, u pozadini dugmeta, pogrešnim fontovima neke male stavke, pa čak i loše. Zaista, gledajte sami- velike, poznate lokacije imaju pojedinca ikonu koja predstavlja u "Bookmarks" u korisnikovom pregledniku. Bez toga, programeri resurs nije uspio kreirati sastav u kojem su prvobitno tražili.

Stoga, kreirate dizajn za sajt, treba se pobrinuti za takve detalje kao loše. U ovom članku ćemo govoriti o tome kako da ga odaberete u skladu sa opštim stil resursa, i koje veličine bi trebao biti na slici.

ikonu lokacije

Prvo, mi definirati što čini ovaj element. pogledajte naslov vašeg pretraživača tabova sada. Kao što možete vidjeti, lijevo nalazi se mala slika koja predstavlja pojednostavljenu verziju logotipa resursa. Ista slika je tu blizu ime sajta prikazan u rezultatima pretrage. Da je korisnik vođen nju, kad vide naslov.

Mnogi webmasteri shvatiti da je potrebno ovu sliku - ali malo ljudi zna šta veličina loše za sajt bi bio najprikladniji. Dakle, u ovom članku ne samo da će dati informacije o tome kako napraviti takvu ikonu i kako ga instalirati na svoje stranice, ali i da opiše dimenzije slike.

svrha favicon

Dakle, slika u zaglavlju stranice se koriste za identifikaciju. Ovo je njegova prvobitna svrha: da izrazi sajta, koji vidimo Nathaniel, i izaberite ga u očima drugih. Postaje krajnje jednostavan upotrebom grafike: mi intuitivno doživljavaju informacije u slikama mnogo brže i lakše nego u tekstualnom formatu. Loše nam pomoći u tome. Ali ne zaboravite da je veličina favicon je minimalan u očima korisnika. Ovo nije logo u "cap" stranice koje mogu sadržavati dodatne informacije u obliku natpisa, pojašnjenja ili kontakt informacije. Sve što se može prikazano na ikonu pored imena, treba da bude najviše odgovara veličini loše. A to je, kao što je već navedeno, minijaturni (od 16 do 16 piksela).

Kako odabrati loše?

Dakle, kako je webmaster mogu dizajnirati ikonu za vaš sajt? Treba napomenuti da je jednostavno stisnuti logo sajta, najvjerovatnije, neće uspjeti. Na plakatima koji se stavljaju u obliku logotipa određenog resursa, često vide različite predmete koje neće uvijek biti ispravno prikazana u malom obliku. Bolje je da odmah napuste ovaj poduhvat.

Naravno, veličina loše ne može govoriti o tome samo ubacite natpis tamo. Svaki tekst jednostavno nije vidljiv na ovoj rezoluciji. Moramo razviti nova ikona koja će prenositi stil stranice. Da biste pronašli rješenja, ponovo, pogledajmo glavne prostorima.

Mnogi koriste loše stilizirani prvo slovo imena servisa. Pa hajde, na primjer, Bing, Yahoo, Yandex, Wikipedia, Google. Postoji još jedan pristup - ako imate kratko ime sajta, možete ga postaviti kao pozadinu ikone. Na favicon rezolucija (piksela ne stigne, još jednom, 16-16 poena) pravilno može pokazati znak, ona mora biti duži od tri slova. Tako se, na primjer, servis Aol.

Kako napraviti favicon?

Napraviti ikonu za ime sajta na nekoliko načina. Naravno, najlakše - je rad sa različitim gotova rješenja. Možemo govoriti o bilo koje usluge ili programe koji omogućuju vam da sliku pune ikona smanjenjem to. Međutim, ja bih preporučio da preuzme razvoj logo na vlastitu. To se, prije svega, će omogućiti da se nauči nešto; i drugo, da daju veliki broj alata. Sve što je potrebno da bude u stanju da to -to remi, kao i znati koja veličina loše da se u konačnoj verziji. Veličine ikona za sajt, mi ćemo govoriti kasnije, ali za sada smo na umu neke od suptilnosti rada sa takvim slikama. Konkretno, da ne govorimo o veličini loše za sajt, treba razjasniti ovaj aspekt odnosa. Kao što je navedeno od strane iskusnih dizajnera, slika treba sačuvati kao PNG (24-bitni) ili kao fayl.ICO.

Obavljaju sačuvate sliku, možete, na primjer, uz pomoć Photoshopa, gdje će se izvući amblem.

Dimenzije favicon

Tako da sada pričajmo o tome kako veliki mora biti slika koju vidimo pored lokacije u rezultatima pretraživanja. Po defaultu, kao što je već spomenuto, njegova veličina je samo 16 piksela (sa svake strane). Međutim, ako pokušate da biste uredili sliku u "Photoshop", provjerite sami da li je to neugodno. Stoga, preporučujemo rad sa uvećane slike, koji će u budućnosti biti samo stisnite ivice i čuvaju u željenom formatu.

multiplatform

Međutim, govoreći o tome šta je veličine loše bi trebao biti na svom mjestu, treba da zapamtite još jednu stvar. Nije sve platforme su jednako odražavaju sliku resursa. Na primjer, uređaj Retina zaslon "vidi" svoj favicon u iznosu od 32-32 piksela. U Safari, kao i na novi Windows platformi, a sve ove ikone do veličine 64 piksela.

Stoga preporučujemo da zadrži različite verzije ikona u budućnosti samo da daje svoje promjene ovisno o korisničkom platformi. Još jedna zanimljiva tačka - možete pokušati skinuti na ikonu u najvećem formatu u nadi da će "smanjiti", u zavisnosti od pretraživača.

stranih urednika

Naravno, dobro ako ste dobri u Photoshopu i znati koja veličina loše treba da bude i kako da se to ostvari, čuvajući svoj imidž. Međutim, ima dosta početnika koji se jednostavno ne iskusni grafički urednici tako jako prije, tako da ne može biti tako lako izvući željene slike. Da pomogne tim webmasterima, postoje razni servisi koji omogućavaju automatski vas zanimaju ikonu. Mnogi od njih su čak i besplatno, to ne zahtijeva nikakva ulaganja od korisnika.

Da radi ponekad samo treba da se registrujete, ali, kao što znate, to se radi samo jednom - u stvari, ne tako često kompanija promijeniti loše. Samo pogledajte na Google, koji svaki dan mijenja logo, ali to ne dodiruje ikonu.

Kako instalirati loše?

U principu, postavite vaše web stranice tako da ispravno prikazuje sliku koju želite, to je vrlo jednostavno. Dovoljno je da izvrši niz jednostavnih koraka koji će omogućiti tražilicama, kao i samo pretraživaču da pročitate informacije.

Za to vam je potrebno da biste sačuvali rezultat sliku kao favicon.ico i stavio ga u korijenu resursa. Sve je sada vaša slika će biti automatski prepoznaje, a incident nekog vremena to će biti povezana sa svoje stranice.

Pored ove obavezujuće, možete dodati još jednu liniju, koja će "brzo", gdje je vaš logo. To izgleda ovako:

Postavite kod bi trebao biti u zaglavlju.

nalazi

Dakle, nakon čitanja ovog članka, vi se bave stvari, koje veličine bi trebao biti loše za sajt i da je to generalno. Isto tako, mislim da shvate da je potraga za odgovarajući ikonu na vašem sajtu - to je nužnost, jer se igra u ruke od vas, kako u smislu podizanja svijesti, kako u pogledu dodatne raspodjele među svojim konkurentima. Barem glavnih lokaliteta postupi na isti način na koji možemo uzeti kao istaknuti primjer. A onda, mnogo truda ne izaziva - što loše jednom i instalirati ga ispravno na svoje stranice, možete zaboraviti na to u narednih nekoliko mjeseci.

Pa slobodno eksperimentirati, izmisli nešto novo, probajte - i uspjeti!