Favicon dydis svetainėje

Internetas

Web dizainas, kaip jūs tikriausiai žinote, yra svarbukiekviena detalė. Asmuo, perkeltas į jūsų šaltinį, nemato kiekvieno elemento atskirai, bet suvokia visą vaizdą kaip paketą, sudarytą iš kitų smulkių detalių. Taigi, jei praleidote kažką savo išteklių kūrimo procese, ši informacija gali toliau sugadinti visą kompleksą, visą kompoziciją.

Tokia smulkmena gali būti, pavyzdžiui, mygtuko fonas,netinkamas šiek tiek mažo elemento ir net favicon. Iš tikrųjų pažvelkite į labai dideles gerai žinomas svetaines, kuriose vartotojo naršyklėje yra skirsnio "Žymės" atskiras piktograma. Be to, išteklių kūrėjai nebūtų galėję sukurti kompozicijos, kurią jie anksčiau siekė.

Todėl jūs, kurdami savo svetainės dizainą,turėtų rūpintis tokia informacija kaip favicon. Šiame straipsnyje mes kalbėsime apie tai, kaip jį pritaikyti pagal bendrą resurso stilių, taip pat kokį dydį turėtų turėti šis vaizdas.

Svetainės piktograma

dydžio favicon

Pirmiausia nuspręskime, kas yrašis elementas. Peržiūrėkite naršyklės skirtuko pavadinimą dabar. Kaip matote, jo kairėje yra nedidelis vaizdas, suprantamas kaip supaprastinta išteklių logotipo versija. Tas pats paveikslėlis taip pat yra šalia svetainės, rodomos paieškos rezultatų, pavadinimu. Tai yra tai, į ką vartotojas vadovaujasi, kai jis žiūri pavadinimą.

Daugelis žiniatinklio valdytojų supranta, kad tokia nuotraukareikia - bet tik nedaug žino, koks tinkamiausio svetainės favicon dydis. Todėl šiame straipsnyje mes ne tik suteiksime informaciją apie tai, kaip sukurti tokią piktogramą ir kaip ją įdiegti į savo šaltinį, bet ir papasakoti apie vaizdo dydį.

Favicon tikslas

Taigi, šalia svetainės antraštės rodomas paveikslėlisidentifikavimas. Tai jo pradinis tikslas: išreikšti svetainę, kurios pavadinimas matome, ir pabrėžti tai kitų akyse. Tai daroma kuo paprasčiau per grafikos naudojimą: mes intuityviai suprantame informaciją nuotraukose daug greičiau ir lengviau nei teksto formatu. "Favicons" mums padeda. Tačiau nepamirškite, kad naudotojo akyse favicon dydis yra minimalus. Tai nėra svetainės "antraštės" logotipas, kuriame gali būti papildomos informacijos, susijusios su užrašais, paaiškinimais ar kontaktine informacija. Viską, kuris gali būti pavaizduotas piktogramoje šalia pavadinimo, turėtų būti kiek įmanoma artimesnė piktogramos dydžiui. Ir jis, kaip jau buvo nurodyta, yra tik nedidelis (tik 16 x 16 pikselių).

kokio dydžio favicon

Kaip pasirinkti piktogramą?

Taigi, kaip gali sukurti žiniatinklio valdytojasjūsų svetainės piktograma? Reikėtų pažymėti, kad paprasčiausiai suspausti svetainės logotipą, dažniausiai, neveiks. Emblemams, kurie pateikiami kaip išteklių logotipas, dažnai matomi įvairūs elementai, kurie ne visada bus teisingai rodomi miniatiūrine forma. Geriau iš karto atsisakyti šios idėjos.

Žinoma, piktogramos dydis neleidžia kalbėtiir tiesiog įrašyti ten užrašą. Bet koks tekstas bus tiesiog nematomas šioje rezoliucijoje. Būtina sukurti naują piktogramą, kuri perteiktų svetainės stilių. Norėdami rasti sprendimus, vėl kreipkitės į didžiausias svetaines.

Daugelis žmonių naudojasi stilizuota kaip favicon.Pirmoji paslaugos pavadinimo raidė. Pavyzdžiui, atlikite "Bing", "Yahoo", "Yandex", "Wikipedia", "Google". Yra ir kitas metodas - jei turite trumpą svetainės pavadinimą, galite jį nustatyti kaip piktogramos fono. Norint, kad piktogramos dydis (pikseliais jis pakartotų, 16 kartų 16 pikselių), kad šis užrašas būtų tinkamai rodomas, jis turi būti ne ilgesnis kaip 3 raidės. Taip yra, pavyzdžiui, "Aol" paslauga.

Kaip sukurti favicon?

svetainės favicon dydis

Galite sukurti svetainės pavadinimo piktogramą.keliais būdais. Žinoma, paprasčiausias yra dirbti su skirtingais paruoštais sprendimais. Galime kalbėti apie visas paslaugas ar programas, leidžiančias jums sukurti piktogramą iš pilno vaizdo, sumažinant ją. Tačiau aš rekomenduosiu patobulinti tokį logotipą. Tai, pirma, suteiks galimybę ką nors sužinoti; ir, antra, suteikti daugiau priemonių. Viskas, ką jums reikia padaryti, tai padaryti, taip pat žinoti, kokio dydžio favicon turėtų būti galutinėje versijoje. Kalbėsime apie svetainės piktogramos dydį šiek tiek vėliau, tačiau dabar atkreipkite dėmesį į keletą patvarumų dirbant su tokiais vaizdais. Visų pirma, neminint svetainės piktogramos dydžio, reikėtų paaiškinti tokio vaizdo formą. Kaip pastebėjo patyrę dizaineriai, nuotrauka turėtų būti išsaugota kaip. PNG (24 bitų) arba kaip .ICO failas.

Galite išsaugoti paveikslėlį, pavyzdžiui, naudojant "Photoshop", kur bus parašyta emblema.

Favicon matmenys

kokio dydžio favicon turėtų būti

Taigi dabar pakalbėkime apie tai, kaip didelisTurėtų būti paveikslėlis, kurį mes matome šalia svetainės pavadinimo paieškos rezultatuose. Pagal nutylėjimą, kaip jau minėta, jo dydis yra tik 16 pikselių (iš abiejų pusių). Tačiau, jei bandysite redaguoti šį vaizdą "Photoshop", pažiūrėkite, ar tai yra nepatogu. Todėl mes rekomenduojame dirbti su padidinta nuotrauka, kuri ateityje gali būti tiesiog suspausta aplink kraštus ir išsaugota reikiamu formatu.

Daugiaplanuota platforma

Tačiau kalbėti apie tai, koks dydis yra faviconturi būti jūsų svetainėje, jums reikia prisiminti dar vieną dalyką. Ne visos platformos taip pat rodo šaltinio vaizdą. Pavyzdžiui, įrenginiai su "Retina" ekranu "mato" jūsų piktogramą 32 bitų 32 taškų dydžiu. "Safari" ir naujojoje "Windows" platformoje, be to, šios piktogramos pasiekia 64 pikselius.

Todėl rekomenduojame išsaugoti skirtingas versijas.ateityje bus tik piktogramos, kad būtų galima ją pakeisti priklausomai nuo vartotojo platformos. Kitas įdomus dalykas - galite pabandyti atsisiųsti piktogramą didžiausiu formatu, tikėdamasis, kad jis "susitraukia" priklausomai nuo naršyklės.

Išoriniai redaktoriai

Favicono dydis pikseliuose

Žinoma, gerai, jei suprantate "Photoshop"ir jūs žinote, kokio dydžio favicon turėtų būti ir kaip jį pasiekti, išsaugant savo įvaizdį. Tačiau yra daug naujokų, kurie iki šiol tiesiog nesusidūrė su grafiniais redaktoriais, todėl jie gali ne tik parengti norimą vaizdą. Kad padėtumėte tokiems žiniatinklio valdytojams, yra įvairių paslaugų, kurios leidžia jums automatiškai sukurti norimą piktogramą. Daugelis iš jų netgi yra nemokami, todėl vartotojui nereikia jokių investicijų.

Norėdami dirbti, kartais tiesiog reikia užsiregistruoti,bet, kaip jūs suprantate, tai daroma vieną kartą - juk įmonės dažnai nepakeičia favicono. Pažvelkite į "Google", kuris kasdien keičia logotipą, bet neliečia piktogramos.

Kaip įdiegti favicon?

Apskritai, tinkinkite savo svetainę taip, kadjis teisingai parodė jums reikalingą vaizdą, labai paprastą. Pakanka atlikti keletą paprastų veiksmų, kurie leis paieškos sistemoms, taip pat paprastoms naršyklėms, skaityti informaciją.

koks dydis favicon už svetainę

Norėdami tai padaryti, reikia gauti vaizdąišsaugokite kaip favicon.ico ir įtraukite jį į savo išteklių šaknį. Viskas, dabar jūsų vaizdas bus pripažintas automatiškai ir po kurio laiko jis bus susietas su jūsų svetaine.

Be tokio įpareigojimo, galite pridėti kitą eilutę, kuri "greitai" parodys jūsų piktogramą. Atrodo taip:

<link rel = "piktogramos" href = "piktogramos adresas" />

Įdiegti kodą turėtų būti svetainės antraštėje.

Išvados

koks dydis turėtų būti favicon už svetainę

Taigi, perskaičius mūsų straipsnį, jūs suprasitekoks dydis turėtų būti svetainės favikonas ir koks jis yra. Be to, manau, kad jūs suprantate, kad rasti reikiamą savo resursų piktogramą yra būtinybė, nes ji vaidina į savo rankas tiek didinant informuotumą, tiek papildomai paskirstydama savo konkurentus. Bent jau didžiausios svetainės veikia taip pat, kaip ir geriausias pavyzdys. Ir tada tai nepadaro jokių ypatingų pastangų - vieną kartą sukūrę favicon ir tinkamai įdiegę savo tinklalapį, galite pamiršti apie tai keletą ateinančių mėnesių.

Taigi nesijaudinkite eksperimentuoti, išrasti ką nors naujo, pabandyti - ir viskas bus išvystyta!

Komentarai (0)
Pridėti komentarą