/ / Favicon veličina za web mjesto

Veličina Favicon za web mjesto

U web dizajnu, kao što vjerojatno znate, važno jesvaki detalj. 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, primjerice, 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, izradite dizajn za svoju web stranicu,treba 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

veličina favicon

Prvo, odlučili smo što jeovu stavku. 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 takvu slikuTrebate - ali malo ljudi zna što je veličina favicon za site će biti najprikladniji. 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

Znači, služi slika u blizini naslova web mjestaidentifikacija. 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).

koja veličina favicon

Kako odabrati favicon?

Pa kako se može razviti webmasterikonu za vašu web stranicu? Valja napomenuti da jednostavno komprimirati logotip stranice, najčešće, neće raditi. Na emblemima koji se stavljaju u obliku logotipa resursa, često su vidljivi različiti elementi, koji neće uvijek biti pravilno prikazani u minijaturnom obliku. Bolje je odmah napustiti ovaj pothvat.

Naravno, veličina favicon ne dopušta govoritii samo staviti natpis tamo. Tekst će biti nevidljiv samo ovom rezolucijom. Moramo razviti novu ikonu koja bi prenijela stil stranice. Da biste pronašli rješenja, opet se pretvorimo u najveće web stranice.

Mnogi ljudi koriste stilizirano kao favicon.Prvo slovo naziva usluge. Tako se, na primjer, Bing, Yahoo, Yandex, Wikipedia, Google. Postoji još jedan pristup - ako imate kratak naziv web mjesta, možete ga postaviti kao pozadinu ikone. Kako bi se veličina favicon (u pikselima dosegla, ponavljam, 16 po 16 točaka) dopušteno pravilno prikazati taj natpis, ona mora biti najviše tri slova. Tako je, na primjer, usluga Aol.

Kako stvoriti Favicon?

veličina stranice favicon

Možete napraviti ikonu za naziv web mjestana nekoliko načina. Naravno, najlakše je raditi s različitim gotovim rješenjima. Možemo razgovarati o svim uslugama ili programima koji vam omogućuju da izradite ikonu iz pune slike ako ga smanjite. Ipak, preporučujem razvoj samog takvog logotipa. Ovo će prvo pružiti priliku da nešto nauči; i drugo, pružiti više alata. Sve što trebate učiniti je privući, a također znati koja je veličina favicon trebala biti u konačnoj verziji. Razgovarat ćemo o veličini ikone web stranice malo kasnije, ali za sada imajte na umu neke suptilnosti u radu s takvim slikama. Konkretno, bez obzira na veličinu favicon za web, treba pojasniti oblik takve slike. Kao što je istaknuo iskusni dizajneri, slika bi trebala biti spremljena kao .PNG (24-bitna) ili kao .ICO datoteka.

Fotografiju možete spremiti, na primjer, pomoću programa Photoshop, gdje će se emblema iscrtati.

Favicon dimenzije

koja veličina favicon treba biti

Zato sada razgovarajmo o tome koliko je velikatreba biti slika koja se nalazi 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", uvjerite se sami koliko je to nezgodno. Stoga preporučujemo da radite s povećanom slikom, koja se u budućnosti može jednostavno komprimirati na rubovima i spremiti u traženom formatu.

multiplatform

Međutim, pričaju o veličini favoritamora biti na vašoj web-lokaciji, morate se sjetiti još jedne stvari. Nisu sve platforme prikazuju sliku resursa na isti način. Na primjer, uređaji s mrežnim prikazom "vide" vašu favicon u veličini od 32 po 32 piksela. A u Safaru i na novoj platformi za Windows, a sve te ikone dosežu 64 piksela.

Stoga preporučujemo spremanje različitih verzija.ikone u budućnosti samo kako bi se osigurala njegova promjena ovisno o korisničkoj platformi. Još jedna zanimljiva točka - možete pokušati preuzeti ikonu u najvećem formatu, nadajući se da će se "smanjiti" ovisno o pregledniku.

Izvan urednika

veličina favicon u pikselima

Naravno, dobro, ako shvatite Photoshopi znate koja je veličina favicon trebala biti i kako to postići, a da zadržite svoju sliku. Međutim, postoji mnogo novorođenih koji jednostavno nisu susreli grafičke urednike tako čvrsto prije, pa ne mogu samo nacrtati željenu sliku. Da biste pomogli takvim webmasterima, postoje razne usluge koje vam omogućuju da automatski stvorite ikonu koja vas zanima. Mnogi od njih su čak i besplatni, što ne zahtijeva ulaganje od strane korisnika.

Za rad, ponekad samo trebate registrirati,ali, kao što ste shvatili, to je učinjeno samo jednom - napokon, tvrtke ne promijeni favicon tako često. Pogledajte Google, koji svakodnevno mijenja logotip, ali ne dodiruje ikonu.

Kako instalirati favicon?

Općenito, prilagodite svoju web-lokaciju tako daispravno je prikazala potrebnu sliku, vrlo jednostavna. Dovoljno je izvršiti niz jednostavnih postupaka koji će omogućiti pretraživačima, kao i jednostavnim preglednicima, čitanje informacija.

što veličina favicon za stranice

Da biste to učinili, potrebna je slikaspremite kao favicon.ico i stavite ga u korijen izvora. Sve, sada će vaša slika biti prepoznata automatski, a nakon nekog vremena bit će vezana za vašu web-lokaciju.

Osim takvog vezanja, možete dodati još jednu liniju koja će "zatražiti" gdje se nalazi vaša ikona. Izgleda ovako:

<link rel = "ikona prečaca" href = "adresa ikone" />

Instalirajte kôd u zaglavlje stranice.

nalazi

koja bi veličina trebala biti favicon za web-lokaciju

Dakle, nakon što pročitate naš članak, shvatite gakakva bi veličina trebala biti favicon za stranicu i što je sve o tome. Isto tako, mislim da ste razumjeli da je traženje prikladne ikone za vaš resurs nužnost, jer ona igra u vašim rukama kako u smislu povećanja svijesti tako iu smislu neke dodatne raspodjele među vašim konkurentima. Barem, najveća mjesta djeluju na isti način na koji se može uzeti kao primjer. A onda, to ne izaziva nikakve posebne napore - nakon što ste jednom napravili favicon i nakon što ste ga ispravno instalirali na Vašu web stranicu, možete zaboraviti na njega sljedećih nekoliko mjeseci.

Stoga slobodno eksperimentirajte, izmislite nešto novo, pokušajte - i sve će ispasti!

Pročitajte više: