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 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.

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.

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.
Sanidi chaguo za jukwaa: Washa matoleo ya iOS, Android, Windows, na PWA inapohitajika. Mipangilio chaguo-msingi hutoa seti ya kawaida ambayo tovuti nyingi zinahitaji.
Customize rangi na mandhari: Chagua rangi za mandhari za vigae vya Windows na skrini za PWA. Linganisha utambulisho wa chapa yako.
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

Kuongeza favicons kwenye tovuti mpya — Kila tovuti mpya inahitaji seti kamili ya favicon. Kizazi huizalisha kutoka kwa chanzo kimoja cha nembo.
Inasasisha favicons zilizopitwa na wakati — Tovuti za zamani mara nyingi huwa na tu /favicon.ico; mahitaji ya kisasa yanahitaji kuweka kamili. Kuzalisha upya hujaza vipengee vilivyokosekana.
Inazalisha icons za PWA — Programu za wavuti zinazoendelea zinahitaji ikoni 192×192 na 512×512 pamoja na metadata ya maelezo. Jenereta huzalisha haya kwa usahihi.
Kuhama kati ya chapa — Chapa mpya mara nyingi huhitaji kuunda upya favicons zote. Uzalishaji wa chanzo kimoja huzuia kukosa mali.
Kupima kwa rangi tofauti — Inarudia kwa haraka rangi za mandhari na mara moja kuona jinsi seti ya ikoni inavyoonekana katika ukubwa tofauti.

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

Tumia chanzo cha azimio la juu — Anza na angalau 512×512 PNG au bwana wa SVG. Kupunguza sampuli hutoa ikoni kali zaidi kuliko kuongeza chanzo kidogo.
Jaribu katika vivinjari vingi — Vivinjari na majukwaa tofauti huonyesha ikoni tofauti. Fungua tovuti iliyotumiwa katika Chrome, Safari, Firefox, Safari ya simu ya mkononi, na Android Chrome ili kuthibitisha kila kipengee kinachofaa.
Linganisha rangi na chapa yako — Rangi za mandhari na skrini za PWA zinapaswa kuonyesha utambulisho wa chapa yako. Rangi zisizolingana hutoa ikoni inayoonekana iliyong'aa na muunganisho wa mfumo usiolingana.
Weka chanzo cha SVG kwa uundaji upya wa siku zijazo — Unapotengeneza chapa, utatengeneza upya kutoka kwa chanzo. Weka SVG kuu (au PNG ya azimio la juu zaidi) kufikiwa.

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.

Favicon Jenereta

Buruta na Udondoshe picha hapa

Zana Zinazohusiana

Aikoni ya Programu Jenereta

Fremu ya Kivinjari Jenereta ya Mockup

Hifadhi ya Kifaa Jenereta

Meme Jenereta

Kuhusu zana hii

Kwa nini Unda Favicon

Jinsi ya kutumia

Kesi za Matumizi ya Kawaida

Maelezo ya Kiufundi

Mazoea Bora

Maswali yanayoulizwa mara kwa mara

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Color & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk