Njia 3 za Kuunda Icon yako ya Favicon

Orodha ya maudhui:

Njia 3 za Kuunda Icon yako ya Favicon
Njia 3 za Kuunda Icon yako ya Favicon

Video: Njia 3 za Kuunda Icon yako ya Favicon

Video: Njia 3 za Kuunda Icon yako ya Favicon
Video: The END of Photography - Use AI to Make Your Own Studio Photos, FREE Via DreamBooth Training 2024, Mei
Anonim

Favicon ni kwamba picha ndogo nzuri karibu na bar yako ya anwani kwenye kivinjari chako. Ni nini huweka tovuti yako mbali kwenye kichupo cha alamisho na inaweza kutumika kuongeza uelewa wa chapa. Ikiwa una tovuti lakini haujawahi kufikiria kuunda favicon, unapaswa kufikiria upya uamuzi wako. Kwa kuongezeka, watengenezaji wa programu hutumia fikoni kwa anuwai ya matumizi yao, kama vile ikoni za skrini za nyumbani kwenye vidonge. Kwa bahati nzuri, kubuni, kuunda, na kutekeleza favicon ni kitu karibu kila mtu anaweza kufanya ikiwa atafuata hatua sahihi.

Hatua

Njia 1 ya 3: Kubuni Favicon yako

Unda Picha yako mwenyewe ya Favicon Hatua ya 1
Unda Picha yako mwenyewe ya Favicon Hatua ya 1

Hatua ya 1. Unda favicon inayowakilisha tovuti yako

Aina ya wavuti uliyonayo inapaswa kuamua muonekano wa favicon yako. Jaribu kubuni kitu ambacho kitazingatia picha yako ya chapa na ambayo itatambulika na kukumbukwa kwa watu. Favicon yako itakuwa kitu cha kwanza ambacho watu huona wanapotazama tabo kwenye kivinjari chao na pia itaonekana kwenye alamisho za watu.

  • Kwa mfano, ikiwa una wavuti ya chakula, kuchagua favicon ambayo ina matunda au mboga kama muundo inaweza kuifanya ikumbukwe zaidi.
  • Ikiwa tovuti yako ni ya kampuni ya sheria au kampuni ya uwekezaji, favicon ya jadi na laini ni bora.
  • Ikiwa tovuti yako imelenga vijana, jaribu kuunda favicon ya kucheza na ya kupendeza.
Unda Picha yako mwenyewe ya Favicon Hatua ya 2
Unda Picha yako mwenyewe ya Favicon Hatua ya 2

Hatua ya 2. Amua ikiwa unataka usuli wa uwazi

Ikiwa hautaainishi asili, basi itajaza nyeupe, ambayo inaweza kuambatana na chapa yako. Asili ya uwazi itachukua rangi ya kivinjari cha mtu huyo na kuonekana zaidi katika hali zingine. Katika hali nyingine, kuwa na rangi ya usuli itafanya herufi za mbele au picha zionekane. Amua ni nini kitakachokuwa bora kwa muundo wako na uiweke akilini unapoifanya.

Favicon ya msingi zaidi ni mraba 16x16 na ina rangi ya usuli

Unda Picha yako mwenyewe ya Favicon Hatua ya 3
Unda Picha yako mwenyewe ya Favicon Hatua ya 3

Hatua ya 3. Unda favicon ambayo ni rahisi kusoma

Kwa sababu picha ya favicon utakayotumia ni ndogo, ni muhimu uweze kupata chapa yako bila kuwachanganya wageni wako. Favicon ambayo ni ngumu kusoma inaacha maoni mabaya na inaweza kuunda maswali katika akili ya mgeni juu ya ubora wa kazi ambayo unaweza kutoa. Picha ngumu na nembo hazionekani vizuri wakati zimepungua hadi saizi 16x16 au 32x32.

  • Ikiwa nembo yako iliyopo ni ngumu sana, basi unaweza kutumia mbinu kuirahisisha, kwa hivyo inaweza kutambulika kwa saizi ya favicon. Tumia hati za mwanzo badala ya kuonyesha jina lote la kampuni, au tengeneza ikoni rahisi badala ya kutumia picha.
  • Ikiwa tayari unayo nembo rahisi, unaweza kupunguza picha na kuiweka kama favicon yako. Unaweza kuhitaji kuibadilisha kabla ya kuigeuza kuwa faili ya ikoni.
  • Unaweza pia kutumia picha ya kitu kinachoelezea mada ya jumla ya tovuti yako.
Unda Picha yako mwenyewe ya Favicon Hatua ya 4
Unda Picha yako mwenyewe ya Favicon Hatua ya 4

Hatua ya 4. Unda favicon yenye kupendeza

Muundo wa favicon yako inaitwa fomu yake. Favicons kawaida huchukua maumbo, kama mduara au mraba. Unapobuni favicon yako, kwa ujumla ni bora ikiwa inaweza kutoshea moja ya aina hizi za msingi kwa sababu maumbo ya fomu ya bure mara nyingi huweza kuchanganyikiwa au kuchanganyikiwa kwa saizi 16x16. Kipengele kingine muhimu cha muundo wako huitwa umoja wa uzuri. Umoja wa kupendeza unajumuisha maelezo na saizi ya vifaa anuwai kwenye favicon yako na jinsi favicon yako iko sawa. Maelezo zaidi yana sare zaidi, na upendevu wako utaonekana kushikamana zaidi. Kwa mfano, kutumia aina tofauti za saizi au saizi ndani ya favicon yako haifurahishi machoni na inaweza kufanya favicon yako ionekane imechanganyikiwa au fujo.

  • Mfano mwingine wa umoja wa urembo ni kudumisha pembe zilizozunguka katika maumbo kwenye favicon yako.
  • Mfano mzuri wa ikoni ambayo imebadilisha fomu ni upendeleo wa Google. Imebadilika kutoka mraba hadi mduara.
Unda Picha yako mwenyewe ya Favicon Hatua ya 5
Unda Picha yako mwenyewe ya Favicon Hatua ya 5

Hatua ya 5. Tumia rangi ambazo zinaambatana na chapa yako

Unapounda favicon yako, unapaswa kuitengeneza kwa 8 bit (rangi 256) au 24 bit (rangi milioni 16.7) kina cha rangi, kwani hii itafanya kazi kwenye vivinjari vya kisasa. Hakikisha kuwa rangi unazochagua zinaweza kupatikana mahali pengine kwenye wavuti yako au zinahusishwa kwa namna fulani na chapa yako. Favicon yenye rangi ambazo haziko kwenye wavuti yako, nembo, au programu hazitakumbukwa, na watu hawataweza kuhusisha ikoni na chapa yako.

  • Matumizi mengine ya ubunifu ya rangi ya favicon ni pamoja na GitHub ambayo hubadilisha rangi kulingana na hali ya mfumo wako na Trello, ambayo hubadilika kulingana na rangi yako ya asili.
  • Rangi ya kawaida inayotumiwa katika favicons ni nyekundu na bluu.
Unda Picha yako mwenyewe ya Favicon Hatua ya 6
Unda Picha yako mwenyewe ya Favicon Hatua ya 6

Hatua ya 6. Fikiria hadhira yako wakati wa kuunda favicon

Zaidi ya kutambua chapa yako, favicon yako inahitaji kuonekana kuwavutia wageni wako. Watu wenye ladha tofauti, masilahi, na kanuni za kijamii wataangalia ikoni tofauti kutoka kwa mitazamo tofauti. Tofauti za kitamaduni zipo ndani ya jamii yetu na zinaweza kuchanganya au kurudisha hadhira unayojaribu kuvutia.

Kwa mfano, Mac Os X hutumia stempu ambayo ni ishara ya ulimwengu kwa barua. Kutumia kisanduku cha barua hakutakuwa na ufanisi kwa sababu sanduku za barua zinatofautiana katika sehemu tofauti za ulimwengu

Unda Picha yako mwenyewe ya Favicon Hatua ya 7
Unda Picha yako mwenyewe ya Favicon Hatua ya 7

Hatua ya 7. Pata maoni ya marafiki na wenzako

Ingawa sio ya kushangaza sana, favicon ni sehemu muhimu ya chapa yako. Kwa mfano, fikiria wavuti unazopenda kama Twitter, Gmail, Facebook, au wikiHow, na ni kiasi gani unahusisha favicon na chapa hiyo. Ikiwa huna jicho nzuri la kubuni, au umepigwa na aina gani ya muundo unapaswa kuwa na wavuti yako, wasiliana na marafiki ambao wana jicho la kubuni au wanaofanya kazi katika usanifu wa picha.

  • Uliza karibu na mtandao wako wa marafiki ili uone ikiwa kuna mtu anayeweza kutoa ushauri wa muundo bure.
  • Kampuni kubwa zina wabuni wa picha za ndani ambao wanaweza kuunda picha ya favicon.

Njia 2 ya 3: Kuunda Favicon yako

Unda Picha yako mwenyewe ya Favicon Hatua ya 8
Unda Picha yako mwenyewe ya Favicon Hatua ya 8

Hatua ya 1. Tumia programu ya kuhariri picha kuunda favicon yako

Unaweza kutumia programu ya kuhariri picha kama Adobe Photoshop au Illustrator kuunda picha ya favicon yako. Programu hizi za programu pia hukuruhusu kubadilisha ukubwa na kusafirisha picha hiyo katika muundo sahihi. Programu zingine hukuruhusu kuunda favicon yako kwa mkono.

  • Pia kuna programu maalum za uhariri ambazo unaweza kupata mkondoni.
  • Tumia injini ya utafutaji na andika "wahariri wa favicon."
  • Tengeneza saizi zako za turubai piseli 512x512 kwa sababu nambari hii inagawanywa kwa saizi zinazofaa zaidi za favicon na bado ni kubwa ya kutosha kwako kuhariri vizuri.
  • Programu nyingine maarufu ya kuhariri picha ni pamoja na GIMP, PhotoScape, na Paint. NET.
  • Unapotumia programu hii, hautaweza kuhariri faili za.ico moja kwa moja, lakini unaweza kutumia faili za.png,.jpg, au-g.webp" />
Unda Picha yako mwenyewe ya Favicon Hatua ya 9
Unda Picha yako mwenyewe ya Favicon Hatua ya 9

Hatua ya 2. Badilisha ukubwa na uhifadhi upendeleo wako

32x32 px ni saizi ya vitu vya Windows desktop wakati 16x16 px ni saizi ya favicons kwenye kichupo cha kivinjari chako. Baada ya kuunda favicon yako katika fomati kubwa, ni muhimu kupunguza saizi yake ili uweze kuona jinsi itaonekana katika vivinjari vya watu. Ikiwa haisomeki au haifai kupendeza, anza juu ya muundo wako wa asili. Fikiria juu ya majukwaa ambayo wavuti yako au programu yako inaweza kutumika nayo na kisha uunda favicon kufunika misingi yako yote.

  • Ni muhimu kutambua kwamba vifaa na programu tofauti hutumia saizi tofauti za favicon.
  • Ukubwa mwingine wa favicon ni pamoja na 57x57px kwa skrini ya kawaida ya iOS, 72x72px ya iPad, 96x96px ya Google TV, 128x128px ya Duka la Wavuti la Chrome na 195x195px kwa Opera ya Kasi ya Opera.
  • Ikiwa unataka kufunika besi zako zote unaweza kuunda matoleo ya favicon yako katika kila ukubwa huu.
  • Hifadhi matoleo tofauti ya favicon yako, ili usipoteze kazi uliyofanya.
Unda Picha yako mwenyewe ya Favicon Hatua ya 10
Unda Picha yako mwenyewe ya Favicon Hatua ya 10

Hatua ya 3. Unganisha faili zako kwa kutumia kigeuzi

Jambo kuu juu ya faili za.ico ni kwamba unaweza kuchanganya faili zaidi ya moja kuijenga. Hii ni muhimu kwa sababu vivinjari na programu tofauti zitataka favicon ya ukubwa tofauti. Ili kuhakikisha favicon yako inaonekana nzuri kwenye majukwaa yote tofauti, badilisha faili zako kwa kutumia kibadilishaji mkondoni. Chapa "kibadilishaji cha ikoni" kwenye injini unayopenda ya kutafuta ili utumie programu za bure mkondoni kufanya hivyo. Hifadhi faili iliyounganishwa kama "favicon.ico."

  • Unaweza pia kutumia programu kama GIMP iliyo na kipengee kilichojengwa, au pakua programu-jalizi inayoitwa ICO FORMAT kwa Adobe Photoshop.
  • Unda folda mpya ili uweze kuhifadhi picha mpya au kazi zinaendelea.
  • Andika "kibadilishaji cha.ico" au "jenereta ya favicon" katika injini ya utaftaji kupata zana tofauti unazoweza kutumia.

Njia ya 3 ya 3: Utekelezaji wa Favicon yako

Unda Icon yako mwenyewe ya Favicon Hatua ya 11
Unda Icon yako mwenyewe ya Favicon Hatua ya 11

Hatua ya 1. Pakia favicon yako ikiwa unatumia kihariri cha wavuti

Wahariri wengi wa wavuti huja na fomu iliyojengwa ambayo hukuruhusu kupakia favicon yako kwenye wavuti yako moja kwa moja. Ikiwa unatumia mhariri wa wavuti ambayo hii imejengwa ndani, tafuta chaguo ambazo zinasema "Pakia Favicon" au "Ongeza Favicon" kwenye menyu ya mipangilio ya wavuti yako. Chagua faili yako ya favicon.ico na uipakie kwenye tovuti yako.

Ikiwa huwezi kupata nafasi ya kupakia favicon yako kwenye kihariri chako cha wavuti, itabidi uifanye mwenyewe

Unda Picha yako mwenyewe ya Favicon Hatua ya 12
Unda Picha yako mwenyewe ya Favicon Hatua ya 12

Hatua ya 2. Pakia faili kwenye saraka ya mizizi ya tovuti yako

Ikiwa tovuti yako inasaidia Itifaki ya Uhamisho wa Faili au FTP, basi unaweza kutumia mteja wako wa FTP kupakia faili yako mpya ya favicon.icon kwenye saraka yako ya mzizi (index). Ikiwa sivyo, basi itabidi uende kwenye ukurasa wako wa majeshi ya wavuti na upakie picha hiyo kwa mikono. Kumbuka kubadilisha faili iliyopo ya favicon.ico na faili yako mpya.

Unda Picha yako mwenyewe ya Favicon Hatua ya 13
Unda Picha yako mwenyewe ya Favicon Hatua ya 13

Hatua ya 3. Ongeza faili kwenye kichwa chako

Pata mahali ambapo unaweza kupata faili za PHP na CSS kwa wavuti yako. Nenda kwenye faili ya kichwa cha wavuti yako na uihariri. Chini ya aina ya lebo,"

  • Hii inapaswa kuunganisha tovuti yako na favicon yako.

    Kwa sababu unatumia PHP, inamaanisha kuwa tovuti zozote zinazotumia faili yako ya kichwa sasa zitakuwa na favicon sawa

    Unda Picha yako mwenyewe ya Favicon Hatua ya 14
    Unda Picha yako mwenyewe ya Favicon Hatua ya 14

    Hatua ya 4. Onyesha upya kivinjari chako

    Mara tu ukimaliza kupakia favicon unaweza kuonyesha upya kivinjari chako ili uone picha yako mpya karibu na upau wa anwani. Ili kwenda moja kwa moja kwenye picha ya favicon yako iliyosasishwa, andika, "https://www.yourdomain.com/favicon.ico."

    • Ikiwa favicon yako haionekani mwanzoni, huenda ukalazimika kuweka upya kashe ya kivinjari chako.
    • Ili kufuta akiba yako, nenda kwenye mipangilio ya kivinjari chako na ufute Faili za Wavuti za Mtandao, Vidakuzi, na Historia.

Ilipendekeza: