Kuinka Se Toimii

Valitse Lähteesi

Lataa kuva, luo tekstistä mukautetuilla fonteilla, valitse sadoista emojeista tai piirrä pikselitaidetta. Analysoi mikä tahansa URL poimiaksesi olemassa olevat faviconit.

Mukauta & Esikatsele

Säädä taustoja, liukuvärejä, pyöreyttä ja tehosteita. Esikatsele faviconiasi selainvälilehdillä, iOS-aloitusnäytöllä, Androidissa ja Windows-tiilillä reaaliajassa.

Luo & Lataa

Luo kaikki koot yhdellä napsautuksella. Lataa täydellinen paketti käyttövalmiilla koodinpätkillä yli 35 kehykselle.

Neljä Tapaa Luoda Faviconisi

Lataa Kuva

Aloita millä tahansa kuvalla — PNG, JPG, SVG tai WebP. Lisää taustoja, säädä pehmustetta, kirkkautta, kontrastia ja käytä pyöristettyjä kulmia. Täydellinen logoille ja olemassa oleville brändivaroille.

Teksti Faviconiksi

Luo tekstipohjaisia faviconeja yli 1500 Google Fontilla. Valitse fontin paksuudet, värit ja lisää yhtenäisiä tai liukuvärjättyjä taustoja. Ihanteellinen yksinkertaisille kirjainpohjaisille brändikuvakkeille.

Emoji Favicon

Valitse sadoista emojeista 12 kategoriassa, mukaan lukien kaikki maan liput. Lisää värillisiä taustoja esiasetuksilla tai mukautetuilla liukuväreillä viimeistellyn ilmeen saamiseksi.

Pikselitaidekangas

Piirrä oma favicon pikseli pikseliltä mukautettavalle ruudukolle. Käytä kynä-, pyyhekumi- ja täyttötyökaluja kumoa/tee uudelleen -tuella. Vie pikselitaideluomuksesi välittömästi.

Tehokkaat Ominaisuudet

100% Yksityinen

Kaikki käsittely tapahtuu paikallisesti selaimessasi. Kuvasi eivät koskaan poistu laitteeltasi. Ei latauksia, ei pilvitallennusta, ei tiedonkeruuta.

Kaikki Alustat Katettu

Luo 15+ favicon-kokoa selaimille, iOS-aloitusnäytölle, Android Chromelle, Windows-tiilille, Safari kiinnitetyille välilehdille ja Progressiivisille Verkkosovelluksille.

Live-esikatselu

Näe tarkalleen, miltä faviconisi näyttää selainvälilehdillä, iOS-aloitusnäytöllä, Android-käynnistysohjelmassa ja Windows-tiilillä ennen luomista.

Pätkät 35+ Kehykselle

Hanki käyttövalmis koodi HTML:lle, Reactille, Vuelle, Next.js:lle, Nuxtille, Angularille, Astrolle, Sveltelle, WordPressille, Shopifylle, Laravelille, Djangolle ja 25+ muulle alustalle.

URL-analysaattori

Analysoi mikä tahansa verkkosivusto poimiaksesi olemassa olevat faviconit. Katso, mitkä koot ovat läsnä, mitä puuttuu, ja luo täydellinen sarja uudelleen yhdellä napsautuksella.

Luomishistoria

Pääsy viimeaikaisiin favicon-luonteihisi. Palauta aiemmat luomukset, vertaile versioita tai jatka muokkaamista siitä, mihin jäit.

Pikamallit

Aloita ammattimaisesti suunnitelluilla malleilla, joissa on yhtenäisiä värejä, liukuvärejä ja kuvioita. Käytä ja mukauta vastaamaan brändiäsi.

Monikokoinen ICO

Luo automaattisesti moniresoluutioisia ICO-tiedostoja, jotka upottavat 16x16, 32x32 ja 48x48 koot maksimaalisen selaimen yhteensopivuuden takaamiseksi.

Täydellinen Tulostuspaketti

Vakio Faviconit

favicon.ico (monikokoinen), 16x16, 32x32 ja 48x48 PNG:t selainvälilehdille ja kirjanmerkeille.

Apple Touch -kuvakkeet

180x180 Apple Touch -kuvake iOS-aloitusnäytölle, sekä Safari kiinnitetty välilehti SVG mukautettavalla teemavärillä.

Android & PWA -kuvakkeet

192x192 ja 512x512 kuvakkeet Android Chromelle ja Progressiivisille Verkkosovelluksille, mukaan lukien maskattava kuvaketuki.

Windows-tiilet

270x270 Microsoft-tiili browserconfig.xml-tiedostolla Windowsin Käynnistä-valikon ja tehtäväpalkin integrointiin.

Verkkomanifesti

Täydellinen site.webmanifest-tiedosto kuvakeviittauksilla, teemaväreillä ja PWA-näyttöasetuksilla.

Usein Kysytyt Kysymykset

Mitä favicon-kokoja tarvitsen?

Vähintään: favicon.ico, 32x32 PNG, 180x180 Apple Touch -kuvake ja 192x192/512x512 Androidille/PWA:lle. Meidän 'Olennainen' esiasetus sisältää kaikki vaaditut koot automaattisesti.

Miksi tarvitsen ICO-tiedoston?

ICO-muoto sisältää useita kokoja yhdessä tiedostossa ja sitä tukevat kaikki selaimet, mukaan lukien vanhat versiot. Se on perinteinen favicon-muoto, joka varmistaa maksimaalisen yhteensopivuuden.

Pitäisikö faviconissani olla läpinäkyvä tausta?

Selainvälilehdille läpinäkyvyys toimii hyvin. iOS- ja Android-aloitusnäytöille harkitse yhtenäistä tai liukuvärjättyä taustaa, koska kuvakkeet näkyvät erilaisilla taustakuvilla.

Täytyykö lähdekuvani olla neliö?

Kyllä, faviconit ovat aina neliöitä. Jos kuvasi ei ole neliö, käytä pehmuste- ja skaalausohjaimiamme sovittaaksesi sen täydellisesti. Parhaiden tulosten saavuttamiseksi aloita neliökuvalla.

Ovatko kuvani turvassa ja yksityisiä?

100% yksityinen. Kaikki käsittely käyttää selaimen omia Canvas- ja Blob-rajapintoja. Kuvasi eivät koskaan poistu laitteeltasi — emme lataa, tallenna tai lähetä mitään tietoja.

Mitkä kehykset ovat tuettuja?

Tarjoamme koodinpätkiä 35+ alustalle mukaan lukien React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails ja monia muita.

Entä Progressiiviset Verkkosovellukset?

Generaattorimme luo kaikki vaaditut PWA-kuvakkeet mukaan lukien maskattavat variantit, sekä täydellisen site.webmanifest-tiedoston oikeilla kuvakedeklaraatioilla ja teemaväreillä.

Faviconien Ymmärtäminen

Faviconit ovat pieniä kuvakkeita, jotka edustavat verkkosivustoasi selaimissa, kirjanmerkeissä, aloitusnäytöillä ja sovellusten käynnistysohjelmissa. Täydellinen favicon-sarja varmistaa, että brändisi näyttää ammattimaiselta ja tunnistettavalta kaikkialla, missä käyttäjät kohtaavat sivustosi.

ICO-muoto

ICO-muoto pakkaa useita kokoja (16x16, 32x32, 48x48) yhteen tiedostoon. Vaikka modernit selaimet tukevat PNG-faviconeja, ICO pysyy olennaisena maksimaalisen yhteensopivuuden takaamiseksi vanhempien selaimien ja tiettyjen työpöytäsovellusten kanssa.

PNG-kuvakkeet

Modernit selaimet suosivat PNG-faviconeja niiden terävän laadun ja läpinäkyvyystuen vuoksi. Jokainen koko palvelee tarkoitusta: 16px ja 32px selainvälilehdille, 180px iOS:lle ja 192px/512px Androidille ja PWA:ille.

Verkkosovelluksen Manifesti

site.webmanifest-tiedosto määrittelee, miltä sivustosi näyttää, kun se asennetaan PWA:na. Se määrittää kuvakkeet, teemavärit, näyttötilan ja muut metatiedot, joita selaimet käyttävät luodakseen sovellusmaisen kokemuksen.

SVG Faviconit

Safarin kiinnitetty välilehti -ominaisuus käyttää yksiväristä SVG-kuvaketta. Modernit selaimet alkavat myös tukea SVG-faviconeja suoraan, tarjoten äärettömän skaalautuvuuden ja pienemmät tiedostokoot.