Katika muundo wa wavuti, kama unavyojua, kila undani ni muhimu. Mtu ambaye amebadilisha rasilimali yako haoni kila kipengele kando, lakini huona picha nzima kama kifurushi kinachojumuisha maelezo mengine madogo. Kwa hivyo, ukikosa kitu katika mchakato wa kutengeneza rasilimali yako, maelezo haya yanaweza baadaye kuharibu muundo mzima, muundo mzima.
Tapeli kama hilo linaweza kuwa, kwa mfano, usuli wa kitufe, fonti iliyochaguliwa vibaya ya kipengele kidogo, na hata aikoni. Hakika, jionee mwenyewe - tovuti kubwa, zinazojulikana zina icon ya mtu binafsi inayoonyesha katika sehemu ya "Alamisho" ya kivinjari cha mtumiaji. Bila hivyo, watengenezaji wa rasilimali hawangeweza kuunda utunzi ambao walikuwa wakiutafuta awali.
Kwa hivyo, unapounda muundo wa tovuti yako, unapaswa kuzingatia maelezo kama vile favicon. Katika makala haya, tutazungumza kuhusu jinsi ya kuilinganisha na mtindo wa jumla wa rasilimali, na vile vile ukubwa wa picha hii inapaswa kuwa nao.
Aikoni ya tovuti
Kwanza, hebu tufafanue kipengele hiki ni nini. Hivi sasa, angalia kichwa cha kichupo cha kivinjari chako. Kama unavyoona, kuna picha ndogo upande wa kushoto, inayoonyesha toleo lililorahisishwa la nembo ya rasilimali. Picha sawa pia iko karibu na jina la tovuti iliyoonyeshwa kwenye matokeo ya utafutaji. Hivi ndivyo mtumiaji anaongozwa na wakati anapoona mada.
Wasimamizi wengi wa wavuti wanaelewa kuwa picha kama hii inahitajika - lakini watu wachache wanajua ni ukubwa gani wa favicon wa tovuti utafaa zaidi. Kwa hivyo, katika makala haya hatutatoa tu habari juu ya jinsi ya kutengeneza ikoni kama hiyo na jinsi ya kuiweka kwenye rasilimali yako, lakini pia tutazungumza juu ya saizi za picha.
Madhumuni ya favicon
Kwa hivyo, picha iliyo karibu na kichwa cha tovuti inatumika kwa utambulisho. Hili ndilo kusudi lake la asili: kueleza tovuti ambayo tunaona jina lake, na kuifanya iwe wazi machoni pa wengine. Hii inafanywa kwa urahisi iwezekanavyo kupitia utumiaji wa michoro: tunaona habari katika picha kwa haraka na rahisi zaidi kuliko muundo wa maandishi. Favicons hutusaidia kufanya hivyo. Lakini usisahau kwamba saizi ya favicon ni ndogo machoni pa mtumiaji. Hii si alama katika "kichwa" cha tovuti, ambacho kinaweza kuwa na maelezo ya ziada kwa namna ya usajili, baadhi ya ufafanuzi au maelezo ya mawasiliano. Kila kitu kinachoweza kuonyeshwa kwenye ikoni karibu na jina kinapaswa kuendana na saizi ya favicon iwezekanavyo. Na yeye, kama ilivyoonyeshwa tayari, ni ndogo (pikseli 16 kwa 16 pekee).
Jinsi ya kuchaguafavicon?
Kwa hivyo msimamizi wa tovuti anawezaje kuunda ikoni ya tovuti yake? Ikumbukwe kwamba kukandamiza tu nembo ya tovuti, mara nyingi, haitafanya kazi. Juu ya ishara ambazo zimewekwa kwa namna ya nembo ya rasilimali fulani, vipengele mbalimbali vinaonekana mara nyingi, ambavyo hazitaonyeshwa kwa usahihi kila wakati katika fomu ndogo. Ni bora kuachana na ahadi kama hiyo mara moja.
Bila shaka, saizi ya favicon hairuhusu kuzungumza juu ya kuingiza maandishi hapo. Maandishi yoyote hayataonekana kwa azimio hili. Tunahitaji kuunda ikoni mpya ambayo inaweza kuonyesha mtindo wa tovuti. Ili kupata suluhu, tena, hebu tugeukie tovuti kubwa zaidi.
Watu wengi hutumia herufi ya kwanza yenye mtindo wa jina la huduma kama favicon. Hii ndiyo njia, kwa mfano, Bing, Yahoo, Yandex, Wikipedia, Google. Kuna mbinu nyingine - ikiwa una jina fupi la tovuti, unaweza kuiweka kama usuli wa ikoni yako. Ili saizi ya favicon (katika saizi inafikia, narudia, saizi 16 hadi 16) ili kuonyesha uandishi huu kwa usahihi, haipaswi kuwa zaidi ya herufi 3. Hivi ndivyo, kwa mfano, huduma ya Aol hufanya.
Jinsi ya kuunda favicon?
Kuna njia kadhaa za kutengeneza ikoni ya jina la tovuti. Bila shaka, rahisi zaidi ni kufanya kazi na ufumbuzi tofauti uliofanywa tayari. Tunaweza kuzungumza kuhusu baadhi ya huduma au programu zinazokuruhusu kutengeneza ikoni kutoka kwa picha kamili kwa kuipunguza. Walakini, ningependekeza kukuza nembo kama hiyo peke yako. Hii itatoa kwanzafursa ya kujifunza kitu; na pili, itatoa zana zaidi. Wote unahitaji kujua kwa hili ni nini cha kuchora, na pia kujua ni ukubwa gani favicon inapaswa kuwa katika toleo la mwisho. Tutazungumza juu ya saizi ya ikoni ya tovuti baadaye kidogo, lakini kwa sasa tutaona hila kadhaa za kufanya kazi na picha kama hizo. Hasa, bila kutaja ukubwa wa favicon kwa tovuti, muundo wa picha hiyo inapaswa kufafanuliwa. Kama wasanifu wenye uzoefu wanavyoona, picha lazima ihifadhiwe kama-p.webp
Unaweza kuhifadhi picha, kwa mfano, kwa kutumia Photoshop, ambapo nembo itachorwa.
Vipimo vya Favicon
Kwa hivyo, sasa hebu tuzungumze kuhusu ukubwa wa picha tunayoona karibu na jina la tovuti katika matokeo ya utafutaji inapaswa kuwa kubwa. Kwa msingi, kama ilivyotajwa tayari, saizi yake ni saizi 16 tu (kwa kila upande). Walakini, ukijaribu kuhariri picha hii katika Photoshop, utajionea mwenyewe jinsi ilivyo ngumu. Kwa hivyo, tunapendekeza kufanya kazi na picha iliyopanuliwa, ambayo katika siku zijazo inaweza kubanwa kwa kingo na kuhifadhiwa katika umbizo linalohitajika.
Jukwaa nyingi
Hata hivyo, tukizungumzia ukubwa wa favicon kwenye tovuti yako, kuna jambo moja zaidi la kukumbuka. Sio mifumo yote inayoonyesha picha ya rasilimali kwa njia sawa. Kwa mfano, vifaa vilivyo na onyesho la Retina "ona" favicon yako katika pikseli 32 kwa 32. Na katika Safari na kwenye jukwaa jipya la Windows, na hata kidogo, icons hizi hufikia ukubwa wa 64pikseli.
Kwa hivyo, tunapendekeza kwamba uhifadhi matoleo tofauti ya aikoni na uweke tu mabadiliko yake kulingana na mfumo wa mtumiaji katika siku zijazo. Jambo lingine la kuvutia - unaweza kujaribu kupakia ikoni katika umbizo kubwa zaidi, ukitegemea ukweli kwamba "itapungua" kulingana na kivinjari.
Wahariri wa nje
Bila shaka ni vizuri kama unatumia Photoshop na kujua ukubwa wa favicon inapaswa kuwa na jinsi ya kuifanikisha huku ukihifadhi picha yako. Walakini, kuna waanzilishi wengi ambao hawajapata wahariri wa picha kwa karibu sana hapo awali, kwa hivyo hawawezi kuchora picha inayotaka kwa urahisi. Ili kusaidia wasimamizi wa wavuti kama hao, kuna huduma anuwai zinazokuruhusu kuunda kiotomati ikoni unayopenda. Nyingi kati yao hata hazilipiwi, ambayo haihitaji uwekezaji wowote kutoka kwa mtumiaji.
Wakati mwingine unahitaji tu kujiandikisha kufanya kazi, lakini, kama unavyoelewa, hii hufanywa mara moja - hata hivyo, kampuni hazibadilishi favicon yao mara nyingi. Angalia Google, ambayo hubadilisha nembo kila siku, lakini haigusi aikoni.
Jinsi ya kusakinisha favicon?
Kwa ujumla, kusanidi tovuti yako kwa njia ambayo itaonyesha kwa usahihi picha unayohitaji ni rahisi sana. Inatosha kutekeleza mfululizo wa hatua rahisi ambazo zitaruhusu injini za utafutaji, pamoja na vivinjari rahisi, kusoma habari.
Ili kufanya hivi, picha inayotokana lazima ihifadhiwe nayoiliyopewa jina la favicon.ico na kuwekwa kwenye mzizi wa rasilimali yako. Ni hayo tu, sasa picha yako itatambuliwa kiotomatiki, na baada ya muda itaunganishwa kwenye tovuti yako.
Mbali na ushikaji huu, unaweza kuongeza mstari mmoja zaidi ambao "utapendekeza" mahali ikoni yako ilipo. Inaonekana hivi:
Sakinisha msimbo kwenye kichwa cha tovuti.
Hitimisho
Kwa hivyo, baada ya kusoma makala yetu, uligundua ni ukubwa gani wa favicon inapaswa kuwa kwa tovuti na ni nini. Pia, nadhani ulielewa kuwa kupata ikoni inayofaa kwa rasilimali yako ni jambo la lazima, kwa sababu inatumika mikononi mwako katika suala la kuongezeka kwa utambuzi na kwa suala la sifa zingine za ziada kati ya washindani wako. Angalau tovuti kubwa zaidi hufanya hivyo, ambayo inaweza kuchukuliwa kama mfano mkuu. Na zaidi ya hayo, haisababishi juhudi nyingi - baada ya kutengeneza favicon mara moja na kuisakinisha kwa usahihi kwenye tovuti yako, unaweza kuisahau kwa miezi michache ijayo.
Kwa hivyo, jisikie huru kufanya majaribio, tafuta kitu kipya, jaribu - na kila kitu kitafanyika!
