Veličina Favicon za web mjesto

U web dizajnu, kao što vjerojatno znate, svaki detalj je važan. Osoba koja je prenijela vaš resurs ne vidi svaki od elemenata zasebno, već percipira cijelu sliku kao paket koji se sastoji od drugih sitnih detalja. Dakle, ako propustite nešto dok razvijate svoj resurs, ovaj detalj u budućnosti može pokvariti cijeli kompleks, cijeli sastav.

Takva sitnica može biti, na primjer, pozadina gumba, pogrešno odabran font nekog malog elementa, pa čak i favicon. Doista, izgledajte sami, velike, dobro poznate web-lokacije imaju pojedinačnu ikonu, što je za nju u odjeljku "Oznake" korisničkog preglednika. Bez toga, programeri resursa ne bi mogli stvoriti sastav na koji su u početku težili.

Stoga, prilikom izrade dizajna za svoju web lokaciju, trebali biste voditi brigu o detaljima kao što je Favicon. U ovom ćemo članku govoriti o tome kako ga odabrati pod općim stilom resursa, kao i veličini ove slike.

Ikona web mjesta

Prvo, odlučili smo što je taj element. Upravo sada pogledajte naziv kartice vašeg preglednika. Kao što vidite, lijevo od nje nalazi se mala slika koja označava pojednostavljenu verziju logotipa resursa. Ista slika je također blizu naziva stranice prikazane u rezultatima pretraživanja. Na njemu je korisnik orijentiran kada vidi naslov.

Mnogi webmasteri shvaćaju da je takva slika potrebna - ali vrlo malo ljudi zna koliko će veličina favicon za web stranicu biti najprikladnija. Stoga, u ovom članku ne samo da dajemo informacije o tome kako napraviti takvu ikonu i kako ga možete instalirati na svoj resurs, već vam također kažem o veličini slike.

Svrha favicona

Dakle, slika u blizini naslov stranice služi za identifikaciju. To je njegova prvobitna svrha: izraziti mjesto, imenovanje koje vidimo i razlikovati ga u očima ostalih. To je učinjeno što je moguće jednostavnije pomoću grafikona: intuitivno gledamo informacije u slikama puno brže i lakše nego u tekstualnom formatu. Favicons nam pomažu u tome. Ali nemojte zaboraviti da je veličina favicon minimalna u očima korisnika. Ovo nije logotip u "zaglavlju" web mjesta, što može sadržavati dodatne informacije u obliku natpisa, nekih pojašnjenja ili kontaktnih podataka. Sve što se može prikazati u ikoni pokraj naziva trebalo bi biti što bliže veličini Favicon. I on, kao što je već naznačeno, samo je minijaturna (samo 16 x 16 piksela).

Kako odabrati Favicon?

Pa kako webmaster može razviti ikonu za svoju web stranicu? Valja napomenuti da jednostavno smanjivanje logotipa stranice, najčešće, neće raditi. Na znakovima koji se stavljaju u obliku logotipa određenog resursa, vidljivi su različiti elementi koji se uvijek neće prikazivati ​​pravilno u minijaturnom obliku. Bolje je odmah napustiti takav pothvat.

Naravno, veličina favicon ne dopušta nam da govorimo o jednostavno umetanju natpisa. Bilo koji tekst će jednostavno biti nevidljiv na ovoj rezoluciji. Potrebno je razviti novu ikonu koja bi prenijela stil stranice. Da biste pronašli rješenja, opet se pretvorimo u najveće web stranice.

Mnogi koriste u obliku favikona stilizirano prvo slovo naziva usluge. To je ono što Bing, Yahoo, Yandex, Wikipedia, Google, na primjer. Postoji još jedan pristup - ako imate kratak naziv web mjesta, možete ga postaviti kao pozadinu ikone. Na veličinu favicon (u piksima koji dosegne, ponovim, 16 po 16 bodova) dopušteno prikazati ovaj natpis ispravno, to ne bi trebalo biti dulje od 3 slova. To je ono što Aol servis radi, na primjer.

Kako stvoriti Favicon?

Možete stvoriti ikonu za naziv web mjesta na nekoliko načina. Naravno, najjednostavnije je raditi s različitim gotovim rješenjima. Može biti o svim uslugama ili programima koji vam omogućuju da napravi punu ikonu iz ikone tako što ćete ga smanjiti. Ipak, preporučujem da sami izradite ovaj logotip. To će, prvo, pružiti priliku da nauči nešto, a drugo, ona će osigurati više alata. Sve što trebate biti u mogućnosti to učiniti je ono što crtati, a također znati koji veličina favicon trebao bi biti u završnoj verziji. O veličini ikone web mjesta razgovarat ćemo malo kasnije, ali za sada imajte na umu neke od suptilnosti rada s takvim slikama. Konkretno, bez navođenja veličine favorita za web mjesto, trebate navesti format ove slike. Kao što je istaknulo iskusni dizajneri, slika bi trebala biti spremljena kao .jpg (24-bitni) ili kao datoteka.

Fotografiju možete spremiti, primjerice, pomoću programa Photoshop, gdje će se izvući logotip.

Dimenzije favorita

Dakle, sada razgovarajmo o veličini slike koju vidimo pored naziva web mjesta u rezultatima pretraživanja. Prema zadanim postavkama, kao što je već spomenuto, njegova je veličina samo 16 piksela (sa svake strane). Međutim, ako pokušate urediti ovu sliku u Photoshopu, vidjet ćete sami kako je to neugodno. Stoga preporučujemo da radite s povećanom slikom koja se u budućnosti može jednostavno komprimirati oko rubova i spremiti u traženom formatu.

multiplatform

Međutim, govoreći o veličini favicon bi trebao biti na vašem mjestu, trebate zapamtiti još jednu stvar. Nisu sve platforme prikazuju sliku resursa na isti način. Na primjer, uređaji s mrežnim prikazom "vide" vašu favicon po stopi od 32 po 32 piksela. A u Safaru i na novoj platformi za Windows, a sve te ikone dosežu veličinu od 64 piksela.

Stoga preporučujemo da spremite različite inačice ikone i ubuduće, jednostavno odredite njezinu izmjenu, ovisno o korisničkoj platformi. Još jedna zanimljiva točka - možete pokušati preuzeti ikonu u najvećem formatu, očekujući da će se "smanjiti" ovisno o pregledniku.

Izvanredni urednici

Naravno, to je dobro ako shvatite Photoshop i znate koja bi veličina favicon trebala biti i kako to postići, spremajući sliku. Međutim, ima puno novih pridošlica koji nisu upravo prije dolazili s grafičkim urednicima, tako da ne mogu samo nacrtati ispravnu sliku. Da biste pomogli tim webmasterima, postoje razne usluge koje vam omogućuju automatsko stvaranje ikone od interesa za vas. Mnogi od njih su čak i besplatni, što ne zahtijeva ulaganja od korisnika.

Za posao, ponekad se samo trebate registrirati, ali, kao što znate, to je učinjeno jednom - uostalom, ne tako često tvrtke promijeni favicon. Pogledajte barem na Googleu koji svakodnevno mijenja logotip, ali ne dodiruje ikonu.

Kako instalirati Favicon?

Općenito, prilagodite svoju web-lokaciju tako da pravilno prikaže potrebnu sliku, vrlo je jednostavna. Dovoljno je izvršiti niz jednostavnih radnji koje će omogućiti pretraživačima, kao i jednostavnim preglednicima, čitanje informacija.

Da biste to učinili, dobivena slika mora biti spremljena pod nazivom favicon.ico i postavljena u korijen svog resursa. Sve, sada će se vaša slika automatski prepoznati, a nakon nekog vremena bit će pridružena vašoj web-lokaciji.

Uz ovo vezivanje možete dodati još jedan redak koji će "potaknuti" gdje se nalazi ikona. Izgleda ovako:

nalazi

Dakle, nakon čitanja našeg članka, shvatili ste koja je veličina favicon za web mjesto i što je to. Isto tako, mislim da razumijete da je potraga za prikladnim ikone za vaše stranice - to je nužnost, jer je igra u ruke oboje u smislu podizanja svijesti, kako u pogledu izdvajanja sredstava među svojim konkurentima. Barem, najveća mjesta čine isto, što se može smatrati živim primjerom. A onda ne uzrokuje nikakav poseban napor - nakon što jednom napravi Favicon i instalira ga ispravno na vašu stranicu, možete zaboraviti na narednih nekoliko mjeseci.

Stoga eksperimentirati, izađite na nešto novo, pokušajte i sve će se ispasti!