Mayar da PNG zuwa ICO don favicon mai kaifi
Favicon ƙaramin hoto ne da ke ba wa gidan yanar gizo alamarsa ta gani. Kana ganin sa a tab ɗin mai binciken kusa da taken shafi, a jerin bookmark ɗinka, a cikin faɗuwar adireshin da ke nuna tarihin bincikenka, kuma wani lokaci kusa da sakamakon bincike. Karami ne, amma yana yin aiki mai yawa: favicon mai sauƙin ganewa yana taimaka wa masu amfani su gano tab ɗinka a tsakanin waɗansu goma sha biyu, kuma yana nuna cewa an gama shafin kuma an kula da shi. Tsohon tsari na wannan ƙaramin icon shi ne ICO, kuma hanya mafi sauƙi ta yin ɗaya ita ce fara da tsaftataccen PNG mai murabba'i sannan a mayar da shi.
Wannan kayan aiki yana ɗaukan hoto na PNG ya mayar da shi zuwa favicon na ICO a cikin mai binciken ka kai tsaye. Mayarwar tana gudana a gida ta amfani da na'urarka, don haka hoton da ka zaɓa ba a taɓa loda shi zuwa wani server ba. Wannan yana da muhimmanci idan icon ɗinka logo ne ko kaya na alama da za ka fi son ka kada ka ba wa wani. Idan fayil ɗin ya shirya, sai ka sauke shi kawai.
Menene tsarin ICO kuma me ya sa yake ɗauke da girma-girma da yawa
ICO tsari ne na icon da ya samo asali daga Microsoft Windows, inda yake ajiye icon ɗin da ake amfani da su ga shirye-shirye, gajerun hanyoyi da fayiloli. Alamar da ta bambanta shi, kuma dalilin da ya sa ya zama tsohon tsari ga favicon na yanar gizo, shi ne fayil ɗin ICO guda ɗaya na iya ɗauke da hoto ɗaya a juzu'i da yawa lokaci guda. Maimakon bitmap tabbatacce guda ɗaya, fayil ɗin yana ɗauke da ƙaramin tarin hotuna masu murabba'i kuma yana barin mai binciken ko tsarin aiki ya zaɓi duk wane girman da ya dace da wurin da yake bukatar zana icon ɗin.
Wannan yana da amfani da gaske. Tab ɗin mai bincike yana bukatar ƙaramin icon, jerin bookmark na iya amfani da wanda ya ɗan fi girma, kuma gajeriyar hanya da aka manne a desktop na iya neman wani mafi girma har yanzu. Da ICO mai girma-girma da yawa, kowane yanayi yana ɗaukar sigar da ta dace da shi, don haka icon ɗinka yana ci gaba da kaifi maimakon a fadada shi daga bitmap ɗaya kanana wanda zai zama mai laushi. ICO kuma tana kiyaye bayyanuwa (transparency), wanda ke kiyaye kusurwoyin logo mai zagaye ko marar tsari mai tsafta a kan kowane launin tab.
Girma-girman favicon da aka bada shawara
Don favicon na gidan yanar gizo, girma-girma uku da suka cancanci a haɗa su su ne 16x16, 32x32 da 48x48 na fikselan. Sigar 16-fikselan ita ce wadda mafi yawan masu bincike ke nunawa a tab da adireshin. Sigar 32-fikselan ana amfani da ita a allunan masu girman juzu'i mafi girma da wasu wuraren bookmark da tarihi, don haka tana kiyaye tsafta a allunan zamani. Sigar 48-fikselan tana rufe manyan yanayin kamar gajerun hanyoyin shafi na Windows. Tunda duk suna zaune a cikin fayil ɗin ICO guda ɗaya, kana jigilar kaya guda ɗaya kawai kana barin kowane wuri ya zaɓi abin da yake bukata.
Ka fara da PNG mai murabba'i domin kada wani abu ya mikadu. Idan hoton tushenka mai kusurwa huɗu ne ko babba fiye da bukata, ka yanke ko ka daidaita shi zuwa tsaftataccen murabba'i tukuna da mai daidaita girman hoto namu, sannan ka gudanar da mayarwar. Zane mai sauƙi, mai bambancin launi mai ƙarfi yana bayyana da kyau sosai a 16 fikselan fiye da zane mai daki-daki, don haka ka fifita siffofi masu ƙarfi bisa ƙaramin rubutu.
Yadda za a ƙara favicon a shafinka
Da zarar ka samu fayil ɗinka na ICO, ka loda shi zuwa gidan yanar gizonka, bisa al'ada zuwa tushen shafin a matsayin favicon.ico. Yawancin masu bincike za su same shi a can kai tsaye, amma mafi kyawun aiki shi ne ka bayyana shi karara a cikin head na HTML ɗinka domin kada a yi hasashe. Ka ƙara wani layin link kamar haka:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
Ka sanya wannan layin a cikin sashen <head> na shafukanka. Sifar rel="icon" tana gaya wa mai bincike cewa wannan albarkatun shi ne icon na shafin, kuma href tana nuni zuwa duk inda ka ajiye fayil ɗin. Idan ka yi amfani da hanya mai alaƙa da tushe kamar wadda ke sama, wannan sanarwar guda ɗaya tana aiki a duk shafukan gidan yanar gizonka. Bayan turawa, kila ka bukaci sabuntawa mai ƙarfi ko share cache kafin sabon icon ya bayyana, domin masu bincike suna riƙe da favicon da ƙwazo.
Mayarwa mai zaman kanta a mai binciken ka
Komai yana faruwa a na'urarka. Ana karanta PNG ɗin da ka zaɓa, a fassara shi kuma a sake sanya masa lambar zuwa ICO a gida, kuma babu abin da ke barin na'urarka a lokacin wannan tsari. Babu asusu, babu jerin gwano da babu ajiya a gefen server, wanda ke sanya wannan mai dacewa har ma da logo da ba a fitar da su ba ko aikin abokin ciniki a ƙarƙashin yarjejeniya. Don ƙarin hanyoyin shirya da tsabtace hotuna, ka bincika cikakken tarin kayan aikin hoto namu.
Tambayoyin da ake yawan yi
Ana loda hoto na zuwa wani wuri?
A'a. Ana mayar da PNG zuwa ICO gaba ɗaya a cikin mai binciken ka a na'urarka. Ba a aika komai zuwa server kuma ba a adana komai, don haka hoton naka ya ci gaba da kasancewa na kansa.
Wace girma-girma favicon ɗina ya kamata ya haɗa?
Girma-girman da suka fi amfani sune 16x16, 32x32 da 48x48 na fikselan. Ana nuna hoton 16-fikselan a tabobin mai bincike, yayin da manyan suke kiyaye icon ɗin mai kaifi a allunan girman juzu'i mai girma da gajerun hanyoyin desktop.
Me ya sa a yi amfani da ICO maimakon PNG kawai?
ICO shi ne tsohon tsari na favicon mai daɗewa kuma yana iya ajiye girma-girma da yawa a cikin fayil guda ɗaya. Masu bincike da tsarin aiki suna zaɓen juzu'in da ya dace da kowane yanayi, don haka icon ɗin ya ci gaba da kaifi maimakon a fadada shi daga bitmap guda ɗaya.
ICO din tana kiyaye bayyanuwa daga PNG ɗina?
Eh. Tsarin ICO yana goyon bayan bayyanuwa (transparency), don haka wuraren da za a iya gani ta cikin PNG ɗinka ana kiyaye su kuma icon ɗin yana haɗuwa da tsafta da kowane launin tab ko bango.
Ta yaya zan ƙara favicon a gidan yanar gizona?
Ka loda fayil ɗin ICO zuwa shafinka, yawanci a matsayin favicon.ico a tushen shafin, kuma ka ƙara wani layin link a cikin head na HTML ɗinka kamar link rel icon type image x-icon href slash favicon.ico. Sannan ka share cache na mai binciken ka domin ka gan shi.
Hoton tushena ba murabba'i ba ne. Me ya kamata in yi?
Ka yanke ko ka daidaita shi zuwa murabba'i tukuna domin kada a mikad da shi. Za ka iya amfani da mai daidaita girman hoto namu don yin tsaftataccen murabba'i, sannan ka mayar da wannan zuwa ICO don mafi kyawun favicon.