Favicon izmērs vietnei

Web dizains, kā jūs droši vien zināt, katra detaļa ir svarīga. Persona, kas ir nokļuvusi jūsu resursā, neredz katru elementu atsevišķi, bet uztver visu attēlu kā paketi, kas sastāv no citām mazām detaļām. Tādējādi, ja kaut ko nepietiek, izstrādājot savu resursu, šī detalizētā informācija nākotnē var sabojāt visu kompleksu, visu kompozīciju.

Šāds sīkums var būt, piemēram, pogas fons, nepareizi izvēlēts neliela elementa fonts un pat favicon. Patiešām, izskatieties sev, lielajām, labi zināmām vietnēm ir atsevišķa ikona, kas to apzīmē lietotāja pārlūkprogrammas sadaļā "Grāmatzīmes". Bez tā resursa izstrādātāji nespēs radīt sākotnējo sastāvu.

Tādēļ, veidojot vietnes dizainu, jums vajadzētu rūpēties par tādām detaļām kā Favicon. Šajā rakstā mēs runāsim par to, kā to izvēlēties, ievērojot resursu vispārējo stilu, kā arī to, kādam izmēram vajadzētu būt tai.

Vietnes ikona

Pirmkārt, mēs nosaka, kas ir šis elements. Šobrīd skatiet sava pārlūkprogrammas cilnes nosaukumu. Kā redzat, pa kreisi no tā ir neliels attēls, kas apzīmē resursu logo vienkāršotu versiju. Tas pats attēls ir arī blakus vietnes nosaukumam, kas parādīts meklēšanas rezultātos. Tas ir tas, ka lietotājs ir orientēts, kad viņš redz nosaukumu.

Daudzi tīmekļa pārziņi saprot, ka šāds attēls ir vajadzīgs - taču ļoti maz cilvēku zina, kāda lieluma favicon vietnei būs vispiemērotākā. Tāpēc šajā rakstā mēs ne tikai sniedzam informāciju par to, kā izveidot šādu ikonu un kā jūs to varat instalēt savā resursā, bet arī informēt par attēla izmēru.

Favicon mērķis

Tātad, attēlā pie vietnes nosaukuma tiek izmantota identifikācija. Tas ir tā sākotnējais mērķis: izteikt vietni, kuras nosaukumu mēs redzam, un nošķirt to citu cilvēku acīs. Tas tiek darīts pēc iespējas vienkāršāk, izmantojot grafiku: mēs intuitīvi uztverim informāciju attēlos daudz ātrāk un vienkāršāk nekā teksta formātā. Favicons palīdz mums šajā. Bet neaizmirstiet, ka lietotāja fokusa izmērs ir minimāls. Šis nav vietnes "galvenes" logotips, kas var saturēt papildu informāciju uzrakstos, dažos precizējumos vai kontaktinformācijā. Viss, kas var tikt parādīts ikonā blakus nosaukumam, ir jābūt tik tuvu favikona lielumam. Un viņš, kā jau norādīts, ir tikai miniatūra (tikai 16 līdz 16 pikseļi).

Kā izvēlēties Favicon?

Tātad, kā tīmekļa pārzinis var izveidot savas tīmekļa vietnes ikonu? Jāatzīmē, ka vienkārši izlikt vietnes logotipu, visbiežāk, nedarbosies. Emblēmām, kas tiek ievietotas konkrēta resursa logotipā, bieži vien ir redzami dažādi elementi, kas ne vienmēr tiks pareizi parādīti miniatūrā formā. Labāk nekavējoties jāatsakās no šāda uzņēmuma.

Protams, favicon lielums neļauj mums runāt, vienkārši ievietojot uzrakstu tur. Jebkurš teksts šajā rezolūcijā būs vienkārši neredzams. Mums ir jāizstrādā jauna ikona, kas nodotu vietnes stilu. Lai atrastu risinājumus, atkal pievērsīsimies lielākajām vietnēm.

Daudzi izmanto favikona veidā, stilizēti ar pirmā pakalpojuma nosaukuma burtu. Tas ir, piemēram, Bing, Yahoo, Yandex, Wikipedia, Google. Pastāv arī cita pieeja - ja jums ir īss vietnes nosaukums, to var iestatīt kā savas ikonas fona. Favicon lielumam (pikseļos tas sasniedz, es atkārtoju, 16 līdz 16 punktus) ļāva pareizi parādīt šo uzrakstu, tas nedrīkst būt garāks par 3 burtiem. Tas attiecas, piemēram, uz Aol pakalpojumu.

Kā izveidot Favicon?

Varat izveidot vietnes nosaukuma ikonu vairākos veidos. Protams, vienkāršākais ir strādāt ar dažādiem gataviem risinājumiem. Tas var būt par visiem pakalpojumiem vai programmām, kas ļauj jums izveidot ikonu no pilna attēla, samazinot to. Tomēr es ieteiktu jums pašam izstrādāt šo logotipu. Tas, pirmkārt, nodrošinās iespēju kaut ko iemācīties; Un, otrkārt, tas nodrošinās vairāk rīku. Viss, kas jums ir nepieciešams, lai to izdarītu, ir tas, ko izdarīt, kā arī zināt, kāda izmēra favikonam jābūt galīgajā versijā. Par vietnes ikonas lielumu mēs runājam mazliet vēlāk, taču tagad atzīmējiet dažus sarežģījumus, kā strādāt ar šādiem attēliem. Jo īpaši, nenorādot favicon lielumu vietnei, jums vajadzētu norādīt šī attēla formātu. Kā atzīmēja pieredzējuši dizaineri, attēls jāsaglabā kā. PNG (24 bitu) vai kā fails. ICO.

Attēlu varat saglabāt, piemēram, izmantojot Photoshop, kur tiks uzzīmēts emblēma.

Favicon izmērs

Tātad, tagad parunāsim par to, cik liels ir attēls, ko meklēšanas rezultātos redzam blakus vietnes nosaukumam. Pēc noklusējuma, kā jau minēts, tā izmērs ir tikai 16 pikseļi (katrā pusē). Tomēr, mēģinot rediģēt šo attēlu Photoshop, jūs pats redzēsiet, cik tas ir neērti. Tādēļ mēs iesakām strādāt ar palielinātu attēlu, kuru nākotnē var vienkārši saspiest pa malām un saglabāt vajadzīgā formātā.

Daudzplatformu

Tomēr, runājot par favicon lielumu, ir jābūt jūsu vietnē, vēl viena lieta, kas jāatceras. Ne visas platformas parāda resursu attēlu vienādi. Piemēram, ierīces ar Retina displeju "redz" jūsu favicon ar ātrumu 32 32 pikseļi. Un Safari un jaunajā Windows platformā, un visas šīs ikonas sasniedz 64 pikseļus.

Tādēļ iesakām saglabāt dažādas ikonas versijas un nākotnē, vienkārši paredzēt tās izmaiņas, atkarībā no lietotāja platformas. Vēl viens interesants punkts - varat mēģināt lejupielādēt lielāko formātu ikonu, gaidot, ka tas "saruks" atkarībā no pārlūka.

Svešie redaktori

Protams, tas ir labi, ja jūs saprotat Photoshop, un jūs zināt, kāda izmēra favicon ir un kā to panākt, saglabājot savu attēlu. Tomēr ir daudz jaunpienācēju, kas tik tikko nebija saskārušies ar grafiskajiem redaktoriem tik cieši pirms tam, lai viņi varētu ne tikai izdarīt vēlamo attēlu. Lai palīdzētu šādiem tīmekļa pārziņiem, ir dažādi pakalpojumi, kas ļauj automātiski izveidot jums interesējošu ikonu. Daudzi no tiem ir pat brīvi, no lietotāja neieguldot nekādus ieguldījumus.

Lai strādātu, dažreiz jums vienkārši ir jāreģistrējas, taču, kā jūs zināt, tas tiek darīts vienu reizi - galu galā, ne tik bieži uzņēmumi mainīt Favicon. Meklējiet vismaz Google, kas katru dienu maina logotipu, taču nepieskaras ikonai.

Kā instalēt Favicon?

Parasti, lai pielāgotu jūsu vietni tā, ka tas pareizi parāda vajadzīgo attēlu, tas ir ļoti vienkārši. Tas ir pietiekami, lai veiktu vairākas vienkāršas darbības, kas ļauj meklētājprogrammām, kā arī vienkārši pārlūkprogrammām, lai lasītu informāciju.

Lai to izdarītu, iegūtais attēls ir jāsaglabā ar nosaukumu favicon.ico un ievietots tā resursa saknē. Viss, tagad jūsu attēls tiks atzīts automātiski un pēc kāda laika tas tiks piesaistīts jūsu vietnei.

Papildus šim saistošajam varat pievienot vēl vienu rindiņu, kas "uzvedīs", kur atrodas jūsu ikona. Tas izskatās šādi:

Instalējiet kodu vietnes galvenē.

Secinājumi

Tātad, izlasot mūsu rakstu, jūs izpētījāt vietnes favicon lielumu un to, kas tas ir. Arī es domāju, ka jūs sapratāt, ka pareiza jūsu resursa ikonas atrašana ir obligāta, jo tā ir jūsu rokās gan pieaugošas atzīšanas ziņā, gan attiecībā uz papildu sadalījumu starp jūsu konkurentiem. Vismaz lielākās vietnes dara to pašu, ko var uzskatīt par spilgtu piemēru. Un tad tas nerada īpašas pūles - pēc tam, kad Favicon vienu reizi un pareizi instalējot jūsu vietnē, to var aizmirst par dažiem nākamajiem mēnešiem.

Tāpēc droši eksperimentējiet, izdomājiet kaut ko jaunu, mēģiniet un viss izrādīsies!