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 nyt
Kuvamuunnos
SVG-muodosta PNG-muotoon
Rasteroi SVG-tiedostot PNG-muodossa 1×–8× mittakaavassa läpinäkyvällä, valkoisella tai mukautetulla taustalla.
Kokeile nyt
Kuvamuunnos
PNG WebP:ksi
Muunna PNG-kuvat WebP:ksi tuetun läpinäkyvyyden ja säädettävän laatuasetuksen avulla.
Kokeile nytUsein kysytyt kysymykset
Laajaa selain- ja laitekattavuutta varten yleisiä kokoja ovat 16×16- ja 32×32-selainkuvakkeet, 48×48-Windows-kuvake, 180×180-Apple touch -kuvake sekä 192×192- ja 512×512-Android/PWA-kuvakkeet. Generaattori tuottaa nämä sekä favicon.ico- ja site.webmanifest-tiedostot kuvasta, nimikirjaimista tai emojista tai symbolista.
usageNykyaikaiset selaimet tukevat PNG-kuvakkeita, mutta favicon.ico on edelleen hyödyllinen yhteensopivuuden varajärjestelmä. Ladattu paketti sisältää monitarkkuuksisen favicon.ico-tiedoston nykyaikaisten PNG-kokojen lisäksi, joten et tarvitse toista muunnosta.
technicalWeb-sovelluksen manifesti on JSON-tiedosto, joka kertoo Androidille, Chromelle ja Edgelle, miltä sivustosi tulisi näyttää progressiivisena web-sovelluksena asennettuna — kuvake, nimi, teemaväri ja näyttötila. Generaattorimme sisältää aloitusmanifestin, joka osoittaa Android Chrome -kuvakkeisiin; sinun tarvitsee muokata vain nimi ja theme_color.
featuresKäytä neliönmuotoista kuvaa kokoa 512×512 tai suurempaa, yhdestä kolmeen lihavoitua nimikirjainta vahvalla kontrastilla tai yhtä yksinkertaista emojia tai symbolia. Vältä hienoja yksityiskohtia, jotka katoavat koossa 16×16. Reaaliaikainen lähdeesikatselu auttaa sinua arvioimaan kirjainmerkin tai emojin ennen paketin luontia.
tipsLähetetyt logot lähetetään HTTPS:n kautta, kun valitset Luo. Nimikirjain- ja emojilähteet renderöidään ensin paikallisesti selaimessasi, minkä jälkeen tuo luotu lähdekuva lähetetään paketin luomiseksi. Palvelimella käsitellyt tiedostot noudattavat Turvallisuuskäytäntöä; mitään ei lähetetä pelkästään paikallista esikatselua muokkaamalla.
privacyPura ladattu tiedosto sivustosi /public-kansioon (tai web-juurikansioon) ja lisää mukana tuleva HTML-pätkä <head>-osioosi: link-tagit PNG-kuvakkeille sekä linkki site.webmanifest-tiedostoon. Päivitä sivustosi pakotetusti (Cmd+Shift+R) – selaimet välimuistittavat suosikkikuvakkeet voimakkaasti, joten saatat joutua tyhjentämään välimuistin, jotta uusi kuvake näkyy.
usagePaketti sisältää 192×192- ja 512×512-kuvakkeet sekä aloitusmanifestin, jota asennettavat verkkosovellukset käyttävät. Pelkät kuvakkeet eivät tee sivustosta asennettavaa; sovelluksesi on myös täytettävä selaimen nykyiset manifesti-, HTTPS- ja service worker -vaatimukset.
technicalKyllä. Esikatsele ja lataa puhdas favicon ZIP luomatta tiliä. Kuvakesarja renderöidään palvelimillamme, joten ilmainen käyttö on sallittua ja Premium poistaa korkin.
pricingFavicon on pieni kuvake, joka näkyy selaimen välilehdillä, kirjanmerkeissä ja historiassa; siihen liittyviä kuvakekokoja käytetään aloitusnäytön ja asennettujen sovellusten pikakuvakkeissa. Aloita tästä logokuvalla, nimikirjaimilla tai emojilla tai symbolilla ja lataa kuvakesarja sekä site.webmanifest yhtenä ZIP-tiedostona.
usageKyllä. Valitse Luo nimikirjaimista syöttääksesi yhdestä kolmeen merkkiä, tekstityylin sekä edusta-/taustavärit, tai valitse Luo emojista saadaksesi symbolin ja taustan. Kyseinen suunnittelupaneeli avautuu automaattisesti, lähde esikatsellaan paikallisesti, eikä mitään luoda ennen kuin valitset favicon-toiminnon.
featuresKyllä — lataaja hyväksyy PNG-, JPEG-, WebP- ja SVG-lähdetiedostot, ei vain PNG:tä. SVG:tä kannattaa käyttää, jos se sinulla on: koska se on vektori, jokainen tulostekoko 16:sta aina 512:een renderöidään tuoreena vektoridatasta sen sijaan, että se skaalattaisiin ylös rasterista, joten reunat pysyvät terävinä jopa koossa 512×512. JPEG ja WebP toimivat myös hyvin, joskin sinun tulisi ensin litistää mahdollinen läpinäkyvyys taustalle, sillä JPEG ei voi säilyttää alfakanavaa.
technicalValitse Käytä kuvaa tai logoa, lähetä PNG ja luo paketti. Se sisältää moniresoluutioisen favicon.ico-tiedoston, PNG-koot, Apple- ja Android-kuvakkeet, site.webmanifest-tiedoston ja HTML-katkelman yhtenä ZIP-tiedostona. Voit myös aloittaa JPEG-, WebP- tai SVG-muodosta tai vaihtaa tilaa suunnitellaksesi kirjainlogon nimikirjaimista tai käyttää emojia tai symbolia.
usageKyllä — Pixoate tukee erä- ja joukkokäsittelyä. Vaihda erätilaan, lisää enintään 60 lähdekuvaa Premiumissa tai 200 Prossa, aseta asetukset kerran, ja jokainen lähdekuva käsitellään samoilla asetuksilla, ennen kuin lataat yhden ZIP-tiedoston, joka sisältää täydellisen favicon-pack-arkiston lähdekuvaa kohden. Joukkokäsittely on Premium-ominaisuus; lähtö käyttää samaa laatua ja asetuksia kuin yksitila.
featuresKyllä – joukkokäsittelyssä määrität asetukset kerran, ja ne koskevat kaikkia erän kohteita – jopa 60 lähdekuvaa Premiumissa tai 200 Prossa. Kohdekohtaista asetusta ei tarvitse toistaa, ja väliaikaisesti ladatut ja luodut tiedostot käsitellään turvallisesti ja poistetaan automaattisesti.
usageSyynä on lähes aina jokin kolmesta asiasta. Tiedosto ylittää ilmaisen lähetyksen 11 MB:n rajan — Premium hyväksyy enintään 50 MB ja Pro 120 MB. Työkalu ei ehkä tue tiedostomuotoa, joten tarkista lähetyspaneelissa näkyvä luettelo. Tiedoston todellinen muoto ei myöskään välttämättä vastaa sen nimeä: tiedoston nimeäminen uudelleen ei muuta sen sisältöä, minkä vuoksi kelvolliselta näyttävä tiedosto voidaan hylätä.
troubleshootingKyllä – säädä tuloja ja luo uudelleen niin monta kertaa kuin tarvitset; mitään ei ole lukittu ennen kuin lataat. Tarkista tulos siinä koossa, jossa sitä todella käytetään, koska näytöltä selkeästi lukeva voi epäonnistua, kun se tulostetaan pieneksi tai näytetään puhelimessa.
troubleshootingEi. Voit käyttää Favicon Generatoria ja ladata ilmaisen tuloksen ilman tiliä, eikä siinä ole vesileimaa. Premium on mitä ostat, kun rajat alkavat purra: jopa 60 tiedostoa yhdessä erässä, suuremmat lataukset, ei päivittäistä enimmäismäärää ja alkuperäisen resoluution tulos. Latausvaiheessa ei paljasteta mitään, mikä ei ollut näkyvissä ennen aloittamista.
pricingEi. Favicon generaattori toimii selaimessa tietokoneella ja puhelimella. Mitään ei tarvitse asentaa, kokeilua aloittaa tai lisenssiä ostaa ennen kuin näet, sopiiko se tarpeeseesi. Kokeile sitä omalla ongelmatiedostollasi esimerkin sijaan.
troubleshootingMiten 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.
