Kuidas See Töötab

Vali Oma Allikas

Lae üles pilt, loo tekstist kohandatud fontidega, vali sadade emojide hulgast või joonista pikslikunsti. Analüüsi mis tahes URL-i, et eraldada olemasolevad faviconid.

Kohanda & Eelvaade

Kohanda taustu, gradiente, ümarust ja efekte. Vaata oma faviconi eelvaadet brauseri vahelehtedel, iOS-i avalehel, Androidis ja Windowsi paanidel reaalajas.

Genereeri & Laadi Alla

Genereeri kõik suurused ühe klõpsuga. Laadi alla täielik pakett kasutusvalmis koodilõikudega 35+ raamistiku jaoks.

Neli Viisi Oma Faviconi Loomiseks

Lae Pilt Üles

Alusta mis tahes pildiga — PNG, JPG, SVG või WebP. Lisa taustu, kohanda polstrit, heledust, kontrasti ja rakenda ümaraid nurki. Täiuslik logode ja olemasolevate brändivarade jaoks.

Tekst Faviconiks

Loo tekstipõhiseid favicone 1500+ Google Fonts kirjaga. Vali fondi paksused, värvid ja lisa ühtlaseid või gradient taustu. Ideaalne lihtsate tähepõhiste brändiikoonide jaoks.

Emoji Favicon

Vali sadade emojide hulgast 12 kategoorias, sealhulgas kõik riigilipud. Lisa värvilisi taustu eelseadistustega või kohandatud gradientidega viimistletud välimuse jaoks.

Pikslikunsti Lõuend

Joonista oma favicon piksel piksli haaval kohandatavale ruudustikule. Kasuta pliiatsi, kustukummi ja täitmise tööriistu koos tagasivõtmise/uuestitegemise toega. Ekspordi oma pikslikunsti looming koheselt.

Võimsad Funktsioonid

100% Privaatne

Kogu töötlus toimub lokaalselt sinu brauseris. Sinu pildid ei lahku kunagi sinu seadmest. Ei mingeid üleslaadimisi, ei mingit pilvesalvestust, ei mingit andmete kogumist.

Kõik Platvormid Kaetud

Genereeri 15+ faviconi suurust brauseritele, iOS-i avalehele, Android Chrome'ile, Windowsi paanidele, Safari kinnitatud vahelehtedele ja Progressiivsetele Veebirakendustele.

Otsevaade

Näe täpselt, kuidas sinu favicon välja näeb brauseri vahelehtedel, iOS-i avalehel, Androidi käivitajas ja Windowsi paanidel enne genereerimist.

35+ Raamistiku Koodilõigud

Saa kasutusvalmis kood HTML-i, Reacti, Vue, Next.js-i, Nuxti, Angulari, Astro, Svelte'i, WordPressi, Shopify, Laraveli, Django ja 25+ muu platvormi jaoks.

URL-i Analüüsija

Analüüsi mis tahes veebilehte, et eraldada olemasolevad faviconid. Näe, millised suurused on olemas, mis on puudu, ja genereeri täielik komplekt uuesti ühe klõpsuga.

Genereerimise Ajalugu

Juurdepääs oma hiljutistele faviconi genereerimistele. Taasta eelmised loomingud, võrdle versioone või jätka muutmist sealt, kus pooleli jäid.

Kiired Mallid

Alusta professionaalselt kujundatud mallidega, millel on ühtlased värvid, gradiendid ja mustrid. Rakenda ja kohanda oma brändiga sobivaks.

Mitme-Suurusega ICO

Loob automaatselt mitme resolutsiooniga ICO faile, mis sisaldavad 16x16, 32x32 ja 48x48 suurusi maksimaalseks brauseri ühilduvuseks.

Täielik Väljundpakett

Standardsed Faviconid

favicon.ico (mitme suurusega), 16x16, 32x32 ja 48x48 PNG-d brauseri vahelehtede ja järjehoidjate jaoks.

Apple Touch Ikoonid

180x180 Apple Touch Ikoon iOS-i avalehe jaoks, pluss Safari kinnitatud vahelehe SVG kohandatava teemavärviga.

Android & PWA Ikoonid

192x192 ja 512x512 ikoonid Android Chrome'i ja Progressiivsete Veebirakenduste jaoks, sealhulgas maskitava ikooni tugi.

Windowsi Paanid

270x270 Microsofti paan koos browserconfig.xml failiga Windowsi Start-menüü ja tegumiriba integreerimiseks.

Veebi Manifest

Täielik site.webmanifest fail ikooniviidete, teemavärvide ja PWA kuvamisseadetega.

Korduma Kippuvad Küsimused

Milliseid faviconi suurusi ma vajan?

Miinimumina: favicon.ico, 32x32 PNG, 180x180 Apple Touch Ikoon ja 192x192/512x512 Android/PWA jaoks. Meie 'Hädavajalik' eelseadistus sisaldab kõiki nõutud suurusi automaatselt.

Miks ma vajan ICO faili?

ICO formaat sisaldab ühes failis mitut suurust ja seda toetavad kõik brauserid, sealhulgas vanemad versioonid. See on traditsiooniline faviconi formaat, mis tagab maksimaalse ühilduvuse.

Kas mu faviconil peaks olema läbipaistev taust?

Brauseri vahelehtede jaoks toimib läbipaistvus hästi. iOS-i ja Androidi avalehtede jaoks kaalu ühtlast või gradient tausta, kuna ikoonid ilmuvad erinevatel taustapiltidel.

Kas mu allikpilt peab olema ruudukujuline?

Jah, faviconid on alati ruudukujulised. Kui sinu pilt ei ole ruudukujuline, kasuta meie polstri ja skaleerimise juhtnuppe, et see täiuslikult sobitada. Parimate tulemuste saamiseks alusta ruudukujulise pildiga.

Kas mu pildid on turvalised ja privaatsed?

100% privaatne. Kogu töötlus kasutab brauseri-omaseid Canvas ja Blob API-sid. Sinu pildid ei lahku kunagi sinu seadmest — me ei lae üles, ei salvesta ega edasta mingeid andmeid.

Millised raamistikud on toetatud?

Pakume koodilõike 35+ platvormi jaoks, sealhulgas React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails ja paljud teised.

Kuidas on Progressiivsete Veebirakendustega?

Meie generaator loob kõik nõutud PWA ikoonid, sealhulgas maskitavad variandid, pluss täieliku site.webmanifest faili õigete ikoonideklaratsioonide ja teemavärvidega.

Faviconide Mõistmine

Faviconid on väikesed ikoonid, mis esindavad sinu veebilehte brauserites, järjehoidjates, avalehtedel ja rakenduste käivitajates. Täielik faviconi komplekt tagab, et sinu bränd näeb välja professionaalne ja äratuntav kõikjal, kus kasutajad sinu saidiga kokku puutuvad.

ICO Formaat

ICO formaat pakib mitu suurust (16x16, 32x32, 48x48) ühte faili. Kuigi kaasaegsed brauserid toetavad PNG favicone, jääb ICO hädavajalikuks maksimaalseks ühilduvuseks vanemate brauserite ja teatud töölauarakendustega.

PNG Ikoonid

Kaasaegsed brauserid eelistavad PNG favicone nende terava kvaliteedi ja läbipaistvuse toe tõttu. Iga suurus teenib eesmärki: 16px ja 32px brauseri vahelehtede jaoks, 180px iOS-i jaoks ja 192px/512px Androidi ja PWA-de jaoks.

Veebirakenduse Manifest

site.webmanifest fail määratleb, kuidas sinu sait välja näeb, kui see on paigaldatud PWA-na. See määrab ikoonid, teemavärvid, kuvamisrežiimi ja muud metaandmed, mida brauserid kasutavad rakenduse-laadse kogemuse loomiseks.

SVG Faviconid

Safari kinnitatud vahelehe funktsioon kasutab ühevärvilist SVG ikooni. Kaasaegsed brauserid hakkavad samuti SVG favicone otse toetama, pakkudes lõpmatut skaleeritavust ja väiksemaid failisuurusi.