Badilisha PNG kuwa ICO kwa favicon kali
Favicon ni picha ndogo inayotoa saini ya kuonekana ya tovuti. Unaiona kwenye kichupo cha kivinjari karibu na kichwa cha ukurasa, katika orodha yako ya alama, katika sehemu ya historia inayoshuka ya anwani, na wakati mwingine karibu na matokeo ya utafutaji. Ni ndogo, lakini hufanya kazi nyingi: favicon inayotambulika husaidia watumiaji kupata kichupo chako miongoni mwa vingine kadhaa na huashiria kwamba tovuti imekamilika na inatunzwa. Muundo wa kawaida wa aikoni hiyo ndogo ni ICO, na njia rahisi ya kuitengeneza ni kuanza na PNG safi ya mraba na kuibadilisha.
Chombo hiki huchukua picha ya PNG na kuigeuza kuwa favicon ya ICO moja kwa moja ndani ya kivinjari chako. Ubadilishaji hufanyika kwa njia ya ndani kwa kutumia kifaa chako mwenyewe, hivyo picha unayochagua haitumwi kwenye seva kamwe. Hilo ni muhimu wakati aikoni yako ni nembo au mali ya chapa ambayo ungependelea kutokikabidhi kwa mtu wa tatu. Faili ikiwa tayari, unaipakua tu.
Muundo wa ICO ni nini na kwa nini huhifadhi ukubwa kadhaa
ICO ni muundo wa kifurushi cha aikoni ulioanzia Microsoft Windows, ambapo huhifadhi aikoni zinazotumiwa kwa programu, njia za mkato na folda. Kipengele chake cha msingi, na sababu iliyoifanya kuwa kiwango cha favicon za wavuti, ni kwamba faili moja ya ICO inaweza kuhifadhi picha ile ile katika azimio kadhaa kwa wakati mmoja. Badala ya bitmap moja iliyowekwa, faili hufunga seti ndogo ya picha za mraba na kuruhusu kivinjari au mfumo wa uendeshaji kuchagua ukubwa wowote unaofaa mahali unapohitajika kuchora aikoni.
Hilo ni la manufaa kwa kweli. Kichupo cha kivinjari kinahitaji aikoni ndogo sana, upau wa alama unaweza kutumia moja kubwa kidogo, na njia ya mkato iliyowekwa kwenye desktop inaweza kuomba kitu kikubwa zaidi. Kwa ICO yenye ukubwa mkubwa, kila muktadha huchukua toleo linalofaa, hivyo aikoni yako inabaki kali badala ya kukuzwa kutoka bitmap moja ndogo na kuwa isiyokuwa wazi. ICO pia huhifadhi uwazi, jambo linalofanya pembe za nembo ya mviringo au isiyo ya kawaida kubaki safi dhidi ya rangi yoyote ya kichupo.
Ukubwa unaopendekezwa wa favicon
Kwa favicon ya tovuti, ukubwa tatu unaostahili kujumuishwa ni 16x16, 32x32 na 48x48 pikseli. Toleo la pikseli 16 ndilo ambalo vivinjari vingi huonyesha kwenye kichupo na upau wa anwani. Toleo la pikseli 32 hutumiwa kwenye maonyesho yenye azimio kubwa na katika baadhi ya mionekano ya alama na historia, hivyo huweka vitu kali kwenye skrini za kisasa. Toleo la pikseli 48 hufunika miktadha mikubwa zaidi kama njia za mkato za tovuti za Windows. Kwa kuwa vyote huishi ndani ya faili moja ya ICO, unasafirisha mali moja na kuruhusu kila sehemu kuchagua inachohitaji.
Anza na PNG ya mraba ili kisibane chochote. Kama picha yako ya chanzo ni mstatili au kubwa mno, ikate au ipunguze kuwa mraba safi kwanza kwa kigeuza-ukubwa chetu cha picha, kisha uendeshe ubadilishaji. Muundo rahisi, wenye tofauti kubwa ya rangi (high-contrast) husomeka vizuri zaidi kwa pikseli 16 kuliko mchoro wa kina, hivyo penda maumbo makali kuliko maandishi laini.
Jinsi ya kuongeza favicon kwenye tovuti yako
Mara utakapokuwa na faili yako ya ICO, ipakie kwenye tovuti yako, kwa kawaida kwenye mzizi wa tovuti kama favicon.ico. Vivinjari vingi vitaipata huko kiotomatiki, lakini ni mazoezi bora kuitangaza waziwazi katika sehemu ya head ya HTML yako ili kusiwe na kubahatisha. Ongeza lebo ya kiungo kama hii:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
Weka mstari huo ndani ya sehemu ya <head> ya kurasa zako. Sifa ya rel="icon" huambia kivinjari kwamba rasilimali hii ni aikoni ya ukurasa, na href huelekeza mahali ulipohifadhi faili. Kama unatumia njia ya mzizi-husika (root-relative) kama iliyoonyeshwa hapo juu, tangazo lile lile hufanya kazi katika kila ukurasa wa tovuti yako. Baada ya kuchapisha, huenda ukahitaji kuonyesha upya kwa nguvu au kufuta akiba (cache) kabla aikoni mpya haijaonekana, kwa kuwa vivinjari hushikilia favicon kwa nguvu.
Ubadilishaji wa faragha kwenye kivinjari chako
Kila kitu hufanyika kwenye kifaa chako. PNG unayochagua husomwa, kufasiriwa na kusimbwa upya kama ICO kwa njia ya ndani, na hakuna kinachotoka kwenye mashine yako wakati wa mchakato. Hakuna akaunti, hakuna foleni na hakuna hifadhi ya upande wa seva, jambo linalofanya hili kuwa rahisi hata kwa nembo zisizotolewa au kazi ya mteja chini ya makubaliano. Kwa njia zaidi za kuandaa na kusafisha grafiki, vinjari seti kamili ya zana zetu za picha.
Maswali yanayoulizwa mara kwa mara
Je, picha yangu inapakiwa mahali popote?
Hapana. PNG hubadilishwa kuwa ICO kabisa ndani ya kivinjari chako kwenye kifaa chako mwenyewe. Hakuna kinachotumwa kwenye seva na hakuna kinachohifadhiwa, hivyo picha yako inabaki ya faragha.
Favicon yangu inapaswa kujumuisha ukubwa gani?
Ukubwa wa manufaa zaidi ni 16x16, 32x32 na 48x48 pikseli. Picha ya pikseli 16 huonyeshwa kwenye vichupo vya kivinjari, huku zile kubwa zaidi zikiweka aikoni kali kwenye maonyesho ya azimio kubwa na njia za mkato za desktop.
Kwa nini nitumie ICO badala ya PNG tu?
ICO ni muundo wa muda mrefu wa favicon na unaweza kuhifadhi ukubwa kadhaa ndani ya faili moja. Vivinjari na mfumo wa uendeshaji huchagua azimio linalofaa kila muktadha, hivyo aikoni inabaki kali badala ya kukuzwa kutoka bitmap moja.
Je, ICO huweka uwazi kutoka kwa PNG yangu?
Ndiyo. Muundo wa ICO husaidia uwazi, hivyo maeneo ya uwazi ya PNG yako yanahifadhiwa na aikoni huchanganyika kwa usafi na rangi yoyote ya kichupo au mandhari.
Ninawezaje kuongeza favicon kwenye tovuti yangu?
Pakia faili ya ICO kwenye tovuti yako, kwa kawaida kama favicon.ico kwenye mzizi, na ongeza lebo ya kiungo katika head ya HTML yako kama link rel icon type image x-icon href slash favicon.ico. Kisha futa akiba ya kivinjari chako ili kuiona.
Picha yangu ya chanzo si mraba. Nifanye nini?
Ikate au ipunguze kuwa mraba kwanza ili isibanwe. Unaweza kutumia kigeuza-ukubwa chetu cha picha kutengeneza mraba safi, kisha ubadilishe hiyo kuwa ICO kwa favicon inayoonekana bora zaidi.