Kaip Tai Veikia

Pasirinkite Savo Šaltinį

Įkelkite paveikslėlį, kurkite iš teksto su pasirinktiniais šriftais, rinkitės iš šimtų jaustukų, arba pieškite pikselių meną. Analizuokite bet kurį URL, kad išgautumėte esamus favicon.

Tinkinti ir Peržiūrėti

Reguliuokite fonus, gradientus, apvalumą ir efektus. Peržiūrėkite savo favicon naršyklės skirtukuose, iOS pradžios ekrane, Android ir Windows maketuose realiuoju laiku.

Generuoti ir Atsisiųsti

Generuokite visus dydžius vienu paspaudimu. Atsisiųskite pilną paketą su paruoštais naudoti kodo fragmentais 35+ karkasams.

Keturi Būdai Sukurti Jūsų Favicon

Įkelti Paveikslėlį

Pradėkite su bet kuriuo paveikslėliu — PNG, JPG, SVG arba WebP. Pridėkite fonus, reguliuokite paraštę, ryškumą, kontrastą ir taikykite apvalius kampus. Puikiai tinka logotipams ir esamam prekės ženklo turtui.

Tekstas į Favicon

Kurkite teksto pagrindu veikiančius favicon su 1500+ Google Fonts. Rinkitės šrifto storius, spalvas ir pridėkite vientisus arba gradientinius fonus. Idealiai tinka paprastoms raidžių pagrindo prekės ženklo piktogramoms.

Jaustuko Favicon

Rinkitės iš šimtų jaustukų 12 kategorijų, įskaitant visas šalių vėliavas. Pridėkite spalvotus fonus su išankstiniais nustatymais arba pasirinktiniais gradientais poliruotai išvaizdai.

Pikselių Meno Drobė

Pieškite savo favicon pikselis po pikselio ant tinkinamo tinklelio. Naudokite rašiklio, trintuko ir užpildymo įrankius su atšaukimo/grąžinimo palaikymu. Eksportuokite savo pikselių meno kūrinį akimirksniu.

Galingos Funkcijos

100% Privatu

Visas apdorojimas vyksta vietoje jūsų naršyklėje. Jūsų paveikslėliai niekada nepalieka jūsų įrenginio. Jokių įkėlimų, jokios debesų saugyklos, jokio duomenų rinkimo.

Visos Platformos Padengtos

Generuokite 15+ favicon dydžių naršyklėms, iOS pradžios ekranui, Android Chrome, Windows plytelėms, Safari prisegtiems skirtukams ir Progresyvioms Web Programėlėms.

Tiesioginė Peržiūra

Matykite tiksliai, kaip jūsų favicon atrodo naršyklės skirtukuose, iOS pradžios ekrane, Android paleidimo priemonėje ir Windows plytelėse prieš generuojant.

Fragmentai 35+ Karkasams

Gaukite paruoštą naudoti kodą HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django ir 25+ kitoms platformoms.

URL Analizatorius

Analizuokite bet kurią svetainę, kad išgautumėte esamus favicon. Matykite, kokie dydžiai yra, ko trūksta, ir pergeneruokite pilną rinkinį vienu paspaudimu.

Generavimo Istorija

Pasiekite savo naujausius favicon generavimus. Atkurkite ankstesnius kūrinius, lyginkite versijas arba tęskite redagavimą nuo ten, kur baigėte.

Greiti Šablonai

Pradėkite su profesionaliai sukurtais šablonais, turinčiais vientisas spalvas, gradientus ir raštus. Taikykite ir tinkinkite, kad atitiktų jūsų prekės ženklą.

Kelių Dydžių ICO

Automatiškai sukuria kelių rezoliucijų ICO failus, įterpiant 16x16, 32x32 ir 48x48 dydžius maksimaliam naršyklės suderinamumui.

Pilnas Išvesties Paketas

Standartiniai Favicon

favicon.ico (kelių dydžių), 16x16, 32x32 ir 48x48 PNG failai naršyklės skirtukams ir žymoms.

Apple Touch Piktogramos

180x180 Apple Touch Piktograma iOS pradžios ekranui, plius Safari prisegto skirtuko SVG su tinkinama temos spalva.

Android ir PWA Piktogramos

192x192 ir 512x512 piktogramos Android Chrome ir Progresyvioms Web Programėlėms, įskaitant maskuojamos piktogramos palaikymą.

Windows Plytelės

270x270 Microsoft plytelė su browserconfig.xml Windows Pradžios meniu ir užduočių juostos integracijai.

Web Manifestas

Pilnas site.webmanifest failas su piktogramų nuorodomis, temos spalvomis ir PWA rodymo nustatymais.

Dažniausiai Užduodami Klausimai

Kokių favicon dydžių man reikia?

Mažiausiai: favicon.ico, 32x32 PNG, 180x180 Apple Touch Piktograma ir 192x192/512x512 Android/PWA. Mūsų 'Esminis' išankstinis nustatymas automatiškai įtraukia visus reikalingus dydžius.

Kodėl man reikia ICO failo?

ICO formatas talpina kelis dydžius viename faile ir yra palaikomas visų naršyklių, įskaitant senas versijas. Tai tradicinis favicon formatas, užtikrinantis maksimalų suderinamumą.

Ar mano favicon turėtų turėti permatomą foną?

Naršyklės skirtukams permatomumas veikia gerai. iOS ir Android pradžios ekranams apsvarstykite vientisą arba gradientinį foną, nes piktogramos rodomos ant įvairių fono paveikslėlių.

Ar mano šaltinio paveikslėlis turi būti kvadratinis?

Taip, favicon visada yra kvadratiniai. Jei jūsų paveikslėlis nėra kvadratinis, naudokite mūsų paraštės ir mastelio valdiklius, kad jį tobulai pritaikytumėte. Geriausiems rezultatams pradėkite su kvadratiniu paveikslėliu.

Ar mano paveikslėliai saugūs ir privatūs?

100% privatūs. Visas apdorojimas naudoja naršyklės vietines Canvas ir Blob API. Jūsų paveikslėliai niekada nepalieka jūsų įrenginio — mes neįkeliame, nesaugome ir neperduodame jokių duomenų.

Kokie karkasai palaikomi?

Mes teikiame kodo fragmentus 35+ platformoms, įskaitant React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails ir daug daugiau.

Kaip dėl Progresyvių Web Programėlių?

Mūsų generatorius sukuria visas reikalingas PWA piktogramas, įskaitant maskuojamus variantus, plius pilną site.webmanifest failą su teisingomis piktogramų deklaracijomis ir temos spalvomis.

Favicon Supratimas

Favicon yra mažos piktogramos, atstovaujančios jūsų svetainę naršyklėse, žymose, pradžios ekranuose ir programėlių paleidimo priemonėse. Pilnas favicon rinkinys užtikrina, kad jūsų prekės ženklas atrodytų profesionaliai ir atpažįstamai visur, kur vartotojai susiduria su jūsų svetaine.

ICO Formatas

ICO formatas supakuoja kelis dydžius (16x16, 32x32, 48x48) į vieną failą. Nors modernios naršyklės palaiko PNG favicon, ICO išlieka esminis maksimaliam suderinamumui su senesnėmis naršyklėmis ir tam tikromis darbalaukio programomis.

PNG Piktogramos

Modernios naršyklės teikia pirmenybę PNG favicon dėl jų aštrios kokybės ir permatomumo palaikymo. Kiekvienas dydis tarnauja tikslui: 16px ir 32px naršyklės skirtukams, 180px iOS ir 192px/512px Android ir PWA.

Web Programėlės Manifestas

site.webmanifest failas apibrėžia, kaip jūsų svetainė atrodo, kai įdiegiama kaip PWA. Jis nurodo piktogramas, temos spalvas, rodymo režimą ir kitus metaduomenis, kuriuos naršyklės naudoja kurdamos į programėlę panašią patirtį.

SVG Favicon

Safari prisegto skirtuko funkcija naudoja monochrominę SVG piktogramą. Modernios naršyklės taip pat pradeda tiesiogiai palaikyti SVG favicon, siūlydamos begalinį mastelio keitimą ir mažesnius failų dydžius.