Tikrai ne kartą esate girdėję apie favicon. Tai glaudžiai susiję su interneto dizainu ir yra svarbus dalykas, kurį kiekviename puslapyje, nesvarbu, ar tai internetinė parduotuvė, ar tinklaraštis, ar internetinė svetainė, ir t. jie tavęs paklaus. Bet, Kas yra favicon? Kam tai? Ir visų svarbiausia, kaip tai daroma?
Jei turite daug abejonių dėl to, čia mes jums suteiksime raktus, kad jūs tai suprastumėte ir, svarbiausia, kad galėtumėte pateikti savo projekte ir likti geriau pristatyti. Mes jus patikiname!
Kas yra favicon
Pirmiausia paaiškinsime, kas yra „favicon“, kad jūs jį suprastumėte. Tam nieko geresnio nei pateikti praktinį pavyzdį. Įsivaizduokite, kad naršote šiuo metu (iš tikrųjų skaitote mus). Bet jūs turite ne tik vieną skirtuką, bet ir kelis iš jų. Galbūt pastebėjote, kad kiekviename iš jų pasirodo to puslapio atspindys, ar tai būtų „YouTube“ (nes klausotės foninės muzikos), „Gmail“ (nes atidarėte el. Paštą) ar šis puslapis.
Šalia kiekvieno vardo, kairėje, rodomas nedidelis vaizdas, kvadratas. Tą, kuris yra „YouTube“ ir „Gmail“, tikrai atpažins pagal jų turimus logotipus, bet kaip su likusiais skirtukais?
Na, tai, ką matote, iš tikrųjų yra favicon. Kitaip tariant, tai yra a piktogramą, susijusią su lankomu puslapiu, Štai kodėl taip svarbu atkreipti dėmesį į šią detalę, nes kai pridedate puslapį prie parankinių ar nuorodų, favicon tampa to puslapio „įvaizdžiu“, todėl jūs turite pasirūpinti jo dizainu, kad jis yra idealiai susijęs (ir visų pirma atrodo gerai, kad jį būtų galima atskirti nuo kitų).
Ši maža piktograma paprastai turi dydį, kuris yra 16 × 16 taškų (nors jį taip pat galima nustatyti 32x32 taškų). Viduje turite pasirūpinti, kad viskas, ką įdėjote, būtų teisingai matoma, nes priešingu atveju ji pasirodys kaip šiek tiek atpažįstama vieta (ir tai suteiks labai blogą jūsų puslapio vaizdą).
Kodėl favicon yra toks svarbus?
Dabar, kai žinote, kas yra „favicon“ ir kurį radote puslapiuose, kuriuos paprastai atidarote, ar pastebėjote, kad šiandien trūksta vis mažiau puslapių? Taip yra todėl, kad iš tikrųjų labai svarbu pateikti elegancijos ir „know-how“ viziją. Tai yra, jūs ketinate perteikti prekės ženklo ar korporacijos įvaizdį, kuriam rūpi detalės.
Tačiau „favicon“ taip pat gali naudoti kitus dalykus, tokius kaip:
- Tarnauja kaip jūsų puslapio identifikavimas. Paprastai ši piktograma yra susijusi su logotipu, kurį turite savo svetainėje, tik mažesnio dydžio. Bet kai logotipas yra per didelis ir jo nebus galima pamatyti ant mygtuko, esate linkęs pasirinkti su juo susijusį dalyką.
- Padėsite vartotojams, išsaugojusiems jūsų puslapį, vizualiai jį atpažinti. Taigi, net jei neprisimena URL ar įmonės pavadinimo, dėl favicon įvaizdžio jie jį suras.
- Būti „gerai“ su SEO. Tai reikia vartoti su druskos grūdeliu. Ir tai, kad turėdami arba neturėdami „favicon“ neturėsite tiesioginės įtakos SEO (tai yra, jūsų padėtis nebus geresnė ar blogesnė už tai, ar neturite jo). Dabar vis dažniau pastebima, kad kai naršyklė patenka į puslapį, ji ieško tos piktogramos ir, kai jos neranda, pateikia klaidą 404. Ir jūs žinote, kad šios klaidos nėra naudingos SEO SEO puslapis.
Kaip padaryti favicon
Po to, kai pamatysite, aišku, kad favicon yra esminis elementas, kai turite tinklalapį. Dabar, kaip jūs jį sukursite?
Turėtumėte žinoti, kad daugeliu atvejų tai yra pasirinkite tos svetainės logotipą arba, jei jis per didelis, tai, kas jį identifikuoja. Pavyzdžiui, įsivaizduokite, kad turite televizijos svetainę, kuriai kažkaip paskambinote. Bet tai favikone yra per didelis. Vietoj to galite įdėti televizoriaus nuotrauką, kad jie ją susietų. Tokiais atvejais rekomenduojama, kad ji dėvėtų tas pačias spalvas kaip ir jūsų svetainė, kad jie geriau ją atpažintų.
O kaip dabar sukurti favicon? Na, jūs turite keletą galimybių:
„Photoshop“, „Gimp“ ...
Kitaip tariant, mes kalbame apie vaizdo redagavimo programas, nes favicon yra sukurtas visiškai toks pat kaip vaizdas. Žinoma, kad jį atpažintumėte, turite išsaugoti .ico formatu, nes jo negalima palikti kaip JPG, GIF ar panašaus.
Šis būdas tai padaryti leidžia daug geriau pritaikyti favicon, pavyksta sukurti jį nuo nulio ir suteikti norimą apdailą. Paprastai tam dirbate su įprasto dydžio vaizdu ir pritaikote jį pagal to mygtuko dydį.
Iš tikrųjų jį reikėtų įkelti ir išbandyti skirtingose naršyklėse, kad įsitikintume, ar jis gerai atrodo, yra reprezentatyvus ir, svarbiausia, suprantamas.
Internetinių įrankių naudojimas
Šiuo atveju mes kalbame apie tinklalapius, kurie rūpinasi bet kokio norimo paveikslėlio pavertimu favicon per kelias sekundes. Bet jūs taip pat turite galimybę suprojektuokite savo favicon tiesiogiai su tais puslapiais.
Jei norite pirmojo (įkelkite vaizdą ir konvertuokite), tada rekomenduojame „Favicon Generator“ arba „Favic-o-matic“. Bet jei norite pastarojo (suprojektuokite jį nuo nulio), statykite už favicon.io arba „x-icon“ redaktorių.
Su „WordPress“
Ar jūsų puslapis sukurtas „WordPress“? Ar žinote, kad galite naudoti tą sistemą norėdami sukurti favicon. Tam galite naudoti kai kuriuos papildinius, leidžiančius sukurti šį mygtuką pagal jūsų įkeltą (arba įkeliamą) vaizdą. Taip pat per „Išvaizda / tinkinimas“ galite tai padaryti.
Kai atliksite favicon, turite tiesiog įdėti jį į savo svetainę ir leisti jam atpažinti, kad galėtų jį parodyti kairiajame jūsų puslapio pavadinimo srityje, taip pat išsaugant jį parankiniuose. Tokiu būdu jie lengvai atpažins jus, nesustodami skaityti, jei tai yra puslapis, kurį jie tikrai norėjo aplankyti.