Kigeuzi cha Bure

Favicon Jenereta

Tengeneza faili za favicon katika saizi nyingi (16x16 hadi 512x512) kutoka kwa picha yoyote. Bure, papo hapo, na inaendeshwa kabisa katika kivinjari chako.

Buruta na Udondoshe picha hapa

Inasaidia PNG, JPG, SVG, WebP. Upeo wa 10MB.

Au

Kuhusu zana hii

Favicon ni ikoni ndogo inayoonekana kwenye vichupo vya kivinjari, alamisho na orodha za historia. Favicon asili - faili ya ICO ya 16×16 kwenye /favicon.ico - imepanuka na kuwa seti changamano ya ikoni katika saizi tofauti kwa majukwaa tofauti: 16×16 na 32×32 kwa vichupo vya kivinjari, 180×180 kwa skrini za nyumbani za iOS, 192×192 na 512×512 kwa Android, tiles mbalimbali za Android na ukubwa tofauti. Kuzalisha haya yote kutoka kwa picha ya chanzo kimoja ndivyo jenereta ya kisasa ya favicon hufanya.

Zana hii inachukua picha moja ya chanzo cha msongo wa juu (kwa kawaida nembo ya mraba) na kuzalisha seti kamili ya vipengee vya favicon pamoja na lebo za kiungo za HTML zinazohitajika ili kuzirejelea. Pato linajumuisha ICO, PNG nyingi na manifest.json ya metadata inayoendelea ya programu ya wavuti. Dondosha faili zinazotokana kwenye mzizi wa tovuti yako na urejelee kupitia HTML iliyotolewa.

Uchakataji wote hufanyika kwenye kivinjari chako. Hakuna upakiaji, hakuna simu ya API, hakuna kikomo cha bei. Toleo hufanya kazi kwenye kila kivinjari cha kisasa na mfumo wa uendeshaji unaoonyesha favicons.

Kwa nini Unda Favicon

Tovuti zisizo na favicons zinaonekana kama hazijakamilika. Vichupo vya kivinjari vinaonyesha ikoni ya kawaida; alamisho hazina kitambulisho cha kuona; tovuti inaonekana chini ya kitaaluma. Kuongeza seti ifaayo ya favicon ni hatua ya chini kabisa ya mng'aro yenye athari ya juu inayoashiria umakini kwa undani.

Mahitaji ya kisasa ya favicon yameongezeka zaidi ya /favicon.ico. Aikoni za skrini ya kwanza ya iOS, aikoni za Android Chrome, aikoni za kigae cha Windows, na vibadala vya hali ya giza vyote hutumia faili tofauti. Kuzizalisha zote kutoka chanzo kimoja huhakikisha uwekaji chapa bila kudhibiti kila faili kwa mkono.

Jinsi ya kutumia

Pakia picha ya chanzo, pata seti kamili ya favicon.

  1. Pakia picha chanzo: Tumia picha ya mraba angalau pikseli 512×512. PNG inapendekezwa (msaada wa uwazi); SVG pia inakubaliwa. Vyanzo vyenye msongo wa juu hutoa aikoni kali zaidi.
  2. Sanidi chaguo za jukwaa: Washa matoleo ya iOS, Android, Windows, na PWA inapohitajika. Mipangilio chaguo-msingi hutoa seti ya kawaida ambayo tovuti nyingi zinahitaji.
  3. Customize rangi na mandhari: Chagua rangi za mandhari za vigae vya Windows na skrini za PWA. Linganisha utambulisho wa chapa yako.
  4. Pakua na upeleke: Hifadhi zip iliyotengenezwa. Weka faili kwenye mzizi wa tovuti yako na uongeze lebo za kiungo cha HTML zilizozalishwa kwenye <head> yako. HTML inarejelea kila ikoni katika saizi inayofaa.

Kesi za Matumizi ya Kawaida

Maelezo ya Kiufundi

Seti kamili ya favicon ya kisasa: favicon.ico (16+32+48 zenye maazimio mengi), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-png,chrome-15. mstile-150x150.png. Plus site.webmanifest ya PWA, browserconfig.xml ya Windows.

Kila PNG inatolewa na sampuli za chini za turubai kutoka kwa chanzo. ICO imeundwa katika JavaScript kwa kuchanganya matoleo ya 16/32/48 katika umbizo la ICO lenye maazimio mengi kwa kutumia uandishi wa DataView.

Lebo za kiungo cha HTML hurejelea kila faili iliyo na sifa zinazofaa za rel na saizi. Jenereta hutoa haya kama kijisehemu kilicho tayari kwa kunakili-kubandika kwa <head> ya tovuti yako.

Mazoea Bora

Maswali yanayoulizwa mara kwa mara

Je, ni lazima nipakie umbizo gani la picha?
PNG yenye mandharinyuma yenye uwazi hufanya kazi vyema zaidi. Tumia picha ya mraba angalau pikseli 512x512 ili zana iweze kupungua bila kupoteza ubora. SVG pia inafanya kazi vizuri kwani inakua kwa saizi yoyote.
Je, hii inazalisha saizi gani?
16x16 (kichupo cha kivinjari), 32x32 (kichupo cha kivinjari @2x), 48x48 (upau wa kazi wa Windows), 180x180 (ikoni ya Apple Touch), 192x192 (skrini ya nyumbani ya Android), 512x512 (skrini ya PWA). Faili ya ICO ina ukubwa wa 16, 32, na 48px.
Je, ninaweka wapi faili za favicon?
Weka favicon.ico kwenye saraka ya mizizi ya tovuti yako. Saizi zingine za PNG huenda kwenye folda yako ya umma au njia yoyote inayoweza kufikiwa. Ongeza lebo za kiungo cha HTML katika sehemu yako ya <head> inayoelekeza kwa kila eneo la faili.
Kwa nini favicon yangu haisasishi kwenye kivinjari?
Vivinjari huhifadhi favicons kwa ukali. Futa akiba ya kivinjari chako, jaribu kufungua katika dirisha fiche, au ongeza mfuatano wa swali la toleo (?v=2) kwenye URL ya favicon ili kulazimisha uonyeshaji upya.
Kwa nini favicon yangu haisasishi?
Vivinjari huhifadhi favicons kwa ukali, wakati mwingine kwa siku. Lazimisha uonyeshaji upya kwa kufuta akiba, kufungua URL ya ikoni moja kwa moja, au kuweka kigezo cha swali la toleo kwenye lebo ya kiungo.
Je, picha yangu imepakiwa kwenye seva?
Hapana. Kizazi hutokea katika kivinjari chako.
Je, nitumie SVG au PNG?
SVG ya chanzo (isiyo na azimio). Jenereta hutoa PNG kwa ukubwa maalum; vivinjari vya kisasa pia vinaauni favicons za SVG kupitia kiungo rel=icon type=image/svg+xml.
site.webmanifest ni nini?
Faili ya maelezo ya JSON ya programu zinazoendelea za wavuti zinazoelezea aikoni, rangi na metadata nyingine. Inahitajika kwa programu za wavuti zinazoweza kusakinishwa; isiyo na madhara kujumuisha hata kwenye tovuti za kawaida.