Žiniatinklio dizaino srityje, kaip tikriausiai žinote, svarbi kiekviena smulkmena. Asmuo, perėjęs prie jūsų š altinio, nemato kiekvieno elemento atskirai, o visą vaizdą suvokia kaip paketą, susidedantį iš kitų smulkių detalių. Taigi, jei kurdami išteklius ką nors praleidote, ši detalė vėliau gali sugadinti visą kompleksą, visą kompoziciją.
Tokia smulkmena gali būti, pavyzdžiui, mygtuko fonas, neteisingai parinktas kokio nors smulkaus elemento šriftas ir net favicon. Iš tiesų, įsitikinkite patys – didelės, gerai žinomos svetainės turi atskirą piktogramą, kuri ją nurodo vartotojo naršyklės skiltyje „Žymės“. Be jo š altinio kūrėjai nebūtų galėję sukurti kompozicijos, kurios iš pradžių siekė.
Todėl kurdami svetainės dizainą turėtumėte pasirūpinti tokia detale kaip favicon. Šiame straipsnyje kalbėsime apie tai, kaip jį pritaikyti prie bendro š altinio stiliaus, taip pat apie tai, kokių dydžių šis vaizdas turėtų būti.
Svetainės piktograma
Pirma, apibrėžkime, kas yra šis elementas. Šiuo metu pažiūrėkite į savo naršyklės skirtuko pavadinimą. Kaip matote, jo kairėje yra mažas vaizdas, nurodantis supaprastintą š altinio logotipo versiją. Ta pati nuotrauka taip pat yra šalia svetainės pavadinimo, rodomo paieškos rezultatuose. Tuo vartotojas vadovaujasi pamatęs pavadinimą.
Daugelis žiniatinklio valdytojų supranta, kad tokios nuotraukos reikia, tačiau tik nedaugelis žino, koks svetainės favicon dydis bus tinkamiausias. Todėl šiame straipsnyje mes ne tik pateiksime informaciją, kaip padaryti tokią piktogramą ir kaip ją įdiegti savo š altinyje, bet ir pakalbėsime apie vaizdo dydžius.
Favikono tikslas
Taigi, paveikslėlis šalia svetainės antraštės naudojamas identifikavimui. Tai yra pirminis jos tikslas: išreikšti svetainę, kurios pavadinimą matome, ir padaryti ją išskirtinę kitų akyse. Tai daroma kuo paprasčiau, naudojant grafiką: paveikslėliuose informaciją intuityviai suvokiame daug greičiau ir lengviau nei teksto formatu. Favicons padeda mums tai padaryti. Tačiau nepamirškite, kad vartotojo akyse favicon dydis yra minimalus. Tai nėra logotipas svetainės „antraštėje“, kuriame gali būti papildomos informacijos užrašų, kai kurių paaiškinimų ar kontaktinės informacijos pavidalu. Viskas, kas gali būti rodoma piktogramoje šalia pavadinimo, turėtų kuo labiau atitikti favicon dydį. Ir jis, kaip jau minėta, yra tiesiog miniatiūrinis (tik 16 x 16 pikselių).
Kaip pasirinktifavicon?
Tai kaip žiniatinklio valdytojas gali sukurti savo svetainės piktogramą? Reikėtų pažymėti, kad paprasčiausiai suspausti svetainės logotipą dažniausiai nepavyks. Ant emblemų, kurios pateikiamos tam tikro š altinio logotipo pavidalu, dažnai matomi įvairūs elementai, kurie ne visada bus tinkamai atvaizduoti miniatiūrine forma. Geriau iš karto atsisakyti tokio įsipareigojimo.
Žinoma, favicon dydis neleidžia kalbėti apie tiesiog užrašo įterpimą. Šioje rezoliucijoje bet koks tekstas bus tiesiog nematomas. Turime sukurti naują piktogramą, kuri perteiktų svetainės stilių. Norėdami rasti sprendimus, vėl atsigręžkime į didžiausias svetaines.
Daugelis žmonių naudoja stilizuotą pirmąją paslaugos pavadinimo raidę kaip favicon. Taip yra, pavyzdžiui, „Bing“, „Yahoo“, „Yandex“, „Wikipedia“, „Google“. Yra ir kitas būdas – jei turite trumpą svetainės pavadinimą, galite jį nustatyti kaip savo piktogramos foną. Kad favicon dydis (pikseliais jis siekia, kartoju, 16 x 16 pikselių) teisingai parodytų šį užrašą, jis neturėtų būti ilgesnis nei 3 raidės. Pavyzdžiui, tai daro Aol paslauga.
Kaip sukurti favicon?
Yra keletas būdų, kaip sukurti svetainės pavadinimo piktogramą. Žinoma, lengviausia dirbti su skirtingais jau paruoštais sprendimais. Galime kalbėti apie kai kurias paslaugas ar programas, kurios leidžia iš visaverčio vaizdo padaryti piktogramą jį sumažinant. Tačiau tokį logotipą rekomenduočiau sukurti patiems. Tai pirmiausia duosgalimybė ko nors išmokti; ir, antra, tai suteiks daugiau įrankių. Viskas, ką jums reikia žinoti, kad tai padarytumėte, yra tai, ką nupiešti, ir žinoti, kokio dydžio favicon turėtų būti galutinėje versijoje. Apie svetainės piktogramos dydį kalbėsime šiek tiek vėliau, tačiau kol kas atkreipsime dėmesį į kai kurias darbo su tokiais vaizdais subtilybes. Visų pirma, nenurodant svetainės favicon dydžio, reikėtų patikslinti tokio vaizdo formatą. Kaip pažymi patyrę dizaineriai, paveikslėlis turi būti išsaugotas kaip-p.webp
Galite išsaugoti paveikslėlį, pavyzdžiui, naudodami „Photoshop“, kur bus nupiešta emblema.
Favicon matmenys
Taigi, dabar pakalbėkime apie tai, koks turėtų būti vaizdas, kurį matome paieškos rezultatuose šalia svetainės pavadinimo. Pagal numatytuosius nustatymus, kaip jau minėta, jo dydis yra tik 16 pikselių (kiekvienoje pusėje). Tačiau jei bandysite redaguoti šį paveikslėlį „Photoshop“, pamatysite patys, kaip tai nepatogu. Todėl rekomenduojame dirbti su padidintu paveikslėliu, kurį ateityje bus galima tiesiog suspausti išilgai kraštų ir išsaugoti reikiamu formatu.
Kelių platformų
Tačiau kalbant apie tai, kokio dydžio favicon turėtų būti jūsų svetainėje, reikia atminti dar vieną dalyką. Ne visose platformose išteklių vaizdas rodomas vienodai. Pavyzdžiui, įrenginiai su tinklainės ekranu „mato“jūsų mėgstamiausią piktogramą 32 x 32 pikseliais. Ir „Safari“, ir naujoje „Windows“platformoje, ir apskritai, šios piktogramos pasiekia 64 dydįpikselių.
Todėl rekomenduojame išsaugoti skirtingas piktogramos versijas ir tiesiog numatyti jos pakeitimą, atsižvelgiant į vartotojo platformą ateityje. Kitas įdomus dalykas - galite pabandyti įkelti piktogramą didžiausiu formatu, atsižvelgdami į tai, kad ji „susitrauks“priklausomai nuo naršyklės.
Išoriniai redaktoriai
Žinoma, gerai, jei gerai dirbate su „Photoshop“ir žinote, kokio dydžio favicon turėtų būti ir kaip jį pasiekti išsaugant vaizdą. Tačiau yra nemažai pradedančiųjų, kurie tiesiog anksčiau nebuvo taip iš arti susidūrę su grafiniais redaktoriais, todėl negali taip lengvai nupiešti norimo vaizdo. Norėdami padėti tokiems žiniatinklio valdytojams, yra įvairių paslaugų, kurios leidžia automatiškai sukurti jus dominančią piktogramą. Daugelis iš jų yra net nemokami, o tai nereikalauja jokių vartotojo investicijų.
Kartais norint dirbti tereikia užsiregistruoti, bet, kaip suprantate, tai daroma vieną kartą – juk įmonės ne taip dažnai keičia savo favicon. Pažvelkite į „Google“, kuri kasdien keičia logotipą, bet neliečia piktogramos.
Kaip įdiegti favicon?
Apskritai labai paprasta nustatyti svetainę taip, kad joje būtų tinkamai rodomas jums reikalingas vaizdas. Pakanka atlikti keletą paprastų veiksmų, kurie leis paieškos sistemoms ir paprastoms naršyklėms skaityti informaciją.
Norėdami tai padaryti, gautas vaizdas turi būti išsaugotas naudojantpavadintas favicon.ico ir patalpintas jūsų š altinio šaknyje. Viskas, dabar jūsų vaizdas bus atpažintas automatiškai, o po kurio laiko jis bus susietas su jūsų svetaine.
Be šio įrišimo, galite pridėti dar vieną eilutę, kuri „pasiūlys“, kur yra jūsų piktograma. Tai atrodo taip:
Įdiekite kodą svetainės antraštėje.
Išvados
Taigi, perskaitę mūsų straipsnį, supratote, kokio dydžio favicon turėtų būti svetainėje ir kas tai yra. Be to, manau, kad supratote, kad rasti tinkamą piktogramą savo ištekliui yra būtinybė, nes tai yra jūsų rankose tiek dėl didėjančio pripažinimo, tiek dėl papildomo išsiskirimo tarp konkurentų. Bent jau didžiausios svetainės daro tą patį, o tai gali būti puikus pavyzdys. Be to, tai nereikalauja daug pastangų – vieną kartą sukūrę faviconą ir teisingai įdiegę savo svetainėje, galite apie tai pamiršti keliems ateinantiems mėnesiams.
Todėl drąsiai eksperimentuokite, sugalvokite ką nors naujo, išbandykite – ir viskas pavyks!
