Favicon Generator — Luo favicon ilmaisesta kuvasta
Luo 16–512 px PNG-kuvakkeita, Applen kosketuskuvake ja site.webmanifest yhdestä kuvasta.
Pudota neliön muotoinen kuva – saat jokaisen favicon-koon ja site.webmanifestin ZIP-tiedostona.
Sisältää favicon.ico-tiedoston, site.webmanifestin + HTML-koodinpätkän
Mitä voit tehdä sovelluksella Favicon-generaattori
Tarkista tärkeimmät ominaisuudet ennen kuin aloitat.
- Aloita kuvasta, nimikirjaimista tai emojista tai symbolista
- Esikatsele kirjainmerkin värejä ja tekstityyliä ennen luontia
- Luo Apple touch- ja Android-aloitusnäytön kuvakkeet
- Hanki käyttövalmis site.webmanifest-tiedosto
- Lataa kaikki favicon-koot yhtenä ZIP-tiedostona
- Luo favicon.ico sekä PNG-koot 16:sta 512 pikseliin
Asetusten viite
7-asetukset
Käytettävissä olevat ohjaimet kohteelle Favicon-generaattori.
- KäsittelytilaEsiasetukset
- Käsittele yksi syöte tai siirry Premiumin erätilaan käsittelemään useita syötteitä samoilla asetuksilla. Käytettävissä olevat syötetyypit riippuvat työkalusta.Asetukset: Yksittäinen kuvaErä
Lähdetyyppi
- Mistä faviconin pitäisi alkaa?Esiasetukset
- Valitsee lähetetyn kuvan, paikallisesti suunnitellun yhdestä kolmeen merkin kirjainlogon tai emojin tai symbolin lähteeksi samalle täydelliselle favicon-paketille.Asetukset: Käytä kuvaa tai logoaLuo nimikirjaimistaLuo emojista
Suunnittele
- Nimikirjaimet tai lyhyt tekstiTekstin syöttö
- Asettaa yhdestä kolmeen merkkiä nimikirjaintilaa varten ja päivittää paikallisen lähteen esikatselun ennen luontia.
- Tekstin tyyliPudotusvalikko
- Valitsee kirjainlogon fonttiperheen nimikirjaintilassa.Asetukset: PääteviivatonSerifTasalevyinen
- Tekstin väriVärinvalitsin
- Valitsee nimikirjainten värin; näkyy vain kirjainlogolähteelle.
- TaustaväriVärinvalitsin
- Asettaa yhtenäisen taustan nimikirjainten tai emojin taakse ennen favicon-kokojen luomista.
- Emoji tai symboliTekstin syöttö
- Hyväksyy emoji-tilassa enintään neljä Unicode-merkkiä; ulkoasu määräytyy lähteen näyttämiseen käytetyn selaimen ja käyttöjärjestelmän mukaan.
Aiheeseen liittyvät työkalut kohteelle Favicon-generaattori
Työkalut yleisiä seuraavia vaiheita varten Favicon-generaattori jälkeen.
Kuvamuunnos
ICO-muunnin
Muunna mikä tahansa yleinen kuva monikokoiseksi .ico-tiedostoksi kokoalueella 16–256 px selain- ja työpöytäkäyttöä varten.
Kokeile nytKuvamuunnos
SVG-muodosta PNG-muotoon
Rasteroi SVG-tiedostot PNG-muodossa 1×–8× mittakaavassa läpinäkyvällä, valkoisella tai mukautetulla taustalla.
Kokeile nytKuvamuunnos
PNG WebP:ksi
Muunna PNG-kuvat WebP:ksi tuetun läpinäkyvyyden ja säädettävän laatuasetuksen avulla.
Kokeile nytUsein kysytyt kysymykset
Miten Favicon-generaattori auttaa sinua saamaan sen tehtyä
Se ratkaisee todellisia ongelmia joka päivä – yrityksille, sisällöntuottajille ja jokapäiväisille tehtäville. Etsi itsellesi sopiva käyttötapa ja aloita.
Indie-kehittäjien julkaisut
Yksinyrittäjät, jotka julkaisevat MVP:nsä, tarvitsevat viimeistellyn favicon-kuvakkeen ennen lanseerausta. Luo jokainen koko yhdestä logokuvastasi sekä manifesti yhdellä napsautuksella – ei tarvetta Figmalle tai suunnittelutilaukselle.
Toimiston asiakasasennus
Uutta asiakassivustoa toimitettaessa faviconsarjaa harvoin budjetoidaan, mutta sitä odotetaan aina. Luo ZIP projektin lopussa, pudota se /public-kansioon ja kuittaa toimitettava valmiiksi.
PWA-asennettavuus
Läpäistäkseen Chromen asennettavuustarkistuksen manifestisi tarvitsee 192×192- ja 512×512-kuvakkeet. Tulosteemme täyttää tämän vaatimuksen heti, ja mukana ovat myös vastaavat HTML-head-tagit.
Monibrändityötilat
Useita asiakasbrändejä hallinnoivat toimistot ja konsultit voivat luoda favicon-setin uudelleen 10 sekunnissa aina kun brändiuudistus julkaistaan — ei tarvetta ylläpitää Photoshop-toimintoa.
Avoimen lähdekoodin projektin brändäys
GitHub Pages-, Vercel-, Netlify- ja Cloudflare Pages -sivustot tarvitsevat kaikki faviconit näyttääkseen viimeistellyiltä selaimen välilehdillä. Pudota luodut tiedostot repoosi, niin projektisi näyttää valmiilta julkaisuun.
Brändiuudistus
Kun logosi muuttuu, luo jokainen tarvittava koko uudelleen — mukaan lukien 180px:n Apple touch -kuvake ja 512px:n Android PWA -kuvake — ilman manuaalista vientiä Illustratorista.
Kuvakkeet selainlaajennuksen manifestiin
Ota 16, 32 ja 48 px:n PNG:t suoraan ZIP:istä manifest.json-tiedostosi icons-objektia varten — nopea tapa saada vaatimustenmukaiset laajennuskuvakkeet ilman jokaisen koon manuaalista vientiä suunnittelutyökalussa.
Täytä favicon-aukko no-code-sivustoilla
Webflow, Framer ja Wix luovat harvoin täydellistä favicon-sarjaa itsestään; lataa logosi tänne ja liitä syntyvät koot ja HTML-koodinpätkä sivustosi mukautetun koodin tai SEO-asetusten paneeliin minuuteissa.
Anna harrasteblogille viimeistelty ilme
Henkilökohtaiset blogit Ghostissa, Jekyllissä tai Hugossa julkaistaan usein ilman minkäänlaista faviconia; luo koko sarja kasvokuvasta tai käsin piirretystä logosta, jotta selaimen välilehti näyttää tarkoitukselliselta tyhjän sijaan.
Korjaa SEO-auditoinnissa merkitty favicon
Puuttuva tai rikkinäinen favicon on yleinen huomautus Lighthouse- ja SEO-indeksointiraporteissa, ja se heikentää hiljaa klikkausprosenttia hakutuloksissa ja kirjanmerkeissä. Luo koko kuvakesarja uudelleen yhdellä latauksella ja korjaa tämä havainto jo tänään.
Katso jokainen muunnos valmiina
Every kuva crosses slash untouched ja comes out other side finished.


























