Favicon-generaattori
Lataa mikä tahansa kuva, niin saat heti monikokoisen favicon.ico-tiedoston sekä PNG-kuvakkeet Apple Touchille ja Androidille/PWA:lle.
Kuvasi
Vedä ja pudota kuva tähän
tai selaa tiedostojasi — PNG-, JPG- tai WEBP-tiedostoja
Kuvakkeiden koot
Valitse, mitkä koot haluat luoda — favicon.ico sisältää aina koot 16/32/48px.
Arvostelut
Kaikki, mitä sinun tarvitsee tietää Favicon Generatorista
Mitkä koot sinun todella tarvitset, miten .ico-tiedostomuoto toimii ja miten kuvakkeet lisätään sivustollesi.
- Lataa neliönmuotoinen kuva ja saat heti favicon.ico-tiedoston sekä Apple- ja Android-PNG-tiedostot.
- Kaikki tapahtuu paikallisesti selaimessasi — kuvaasi ei ladata mihinkään.
- Aloita vähintään 512×512 pikselin kokoisella neliönmuotoisella kuvalla, jotta saat terävimmät tulokset kaikissa kokovaihtoehdoissa.
Favicon Generatorin käyttöohjeet
- Vedä ja pudota tai valitse kuvatiedosto — mieluiten neliönmuotoinen kuva, jonka koko on vähintään 512×512 pikseliä.
- Valitse tarvitsemasi kuvakkeiden koot: favicon.ico sekä Apple Touch- ja Android/PWA-PNG-tiedostot.
- Lataa favicon.ico suoraan tai lataa kaikki valitut PNG-koot yhdessä ZIP-tiedostona.
Miksi luoda favicon?
Favicon on pieni kuvake, jota selaimet näyttävät välilehdissä, kirjanmerkeissä ja selaushistoriassa — ja samaa kuvaa käytetään nykyään myös puhelimien aloitusnäytön kuvakkeina sekä sovelluksen kaltaisissa PWA-asennuksissa. Kaikkien tarvittavien kokovaihtoehtojen luominen käsin edellyttää saman kuvan toistuvaa vientiä eri pikselikokoina, minkä jälkeen osa niistä on pakattava yhteen .ico-tiedostoon.
Tämä työkalu hoitaa kaiken yhdellä kertaa: lataa kuva kerran, ja se luo kaikki tavallisimmat kuvakoot sekä asianmukaisesti pakatun favicon.ico-tiedoston suoraan selaimessasi.
Mitkä koot sinun todella tarvitset
| Koko | Käytetään | Miksi se kannattaa tarkistaa |
|---|---|---|
| 16/32/48 px (.ico) Essential | Selaimen välilehdet, kirjanmerkit, työpöydän pikakuvakkeet | Klassinen favicon – jokainen selain odottaa tätä. |
| 180×180 pikseliä | iOS: ”Lisää aloitusnäyttöön” | Apple-laitteet etsivät juuri tätä kokoa ja tiedostonimeä. |
| 192×192 ja 512×512 pikseliä | Androidin aloitusnäyttö, PWA:n asennuskehotukset | Useimmissa verkkosovellusten manifest-tiedostoissa vaaditaan tätä, jotta asennuskuvake näkyy teräväpiirtoisena. |
Favicon-generaattori ilman tiedoston lataamista
JavaScript lukee kuvasi suoraan selaimessasi Canvas-sovellusliittymän avulla – kuvan kokoa muutetaan, se piirretään uudelleen ja pakataan .ico- ja .zip-tiedostoiksi kokonaan laitteellasi. Kuvaa ei koskaan lähetetä palvelimelle, kirjata lokiin tai tallenneta.
Koska mitään ei ladata palvelimelle, palvelinpuolella ei ole tiedostokokorajoitusta; ainoa käytännön rajoitus on se, kuinka suuren kuvan selaimesi pystyy lataamaan sujuvasti muistiin.
Your image never leaves your device. Resizing and packaging happen entirely client-side, with nothing logged or stored.
Pitääkö lähdekuvan kokoa muuttaa ensin? Image Resizer -työkalun avulla voit valmistella kuvan etukäteen.
.ico vs. PNG — kumpaako oikeastaan tarvitset?
| Muoto | Sopii parhaiten | Kompromissi |
|---|---|---|
| favicon.ico Lisää tämä aina mukaan | Selaimen välilehdet ja kirjanmerkit | Yhdistää useita kokoja yhteen tiedostoon, mutta sitä ei käytetä aloitusnäytön kuvakkeisiin. |
| PNG-kuvakkeet (180/192/512 pikseliä) | Aloitusnäyttö ja PWA:n asennuskuvakkeet | Tarvitaan erikseen Apple- ja Android-laitteille — pelkkä .ico-tiedosto ei riitä näille. |
Useimmat sivustot tarvitsevat molempia: .ico-tiedoston selaimen välilehteä varten sekä PNG-kuvasarjan, johon viitataan HTML-koodin `<link>`-tunnisteissa ja verkkosovelluksen manifestissa aloitusnäytön kuvakkeita varten.
Mihin ihmiset käyttävät Favicon Generator -työkalua
- Uudet verkkosivustot: Täydellisen favicon- ja kosketuskuvakekokonaisuuden luominen logosta.
- Brändin uudistaminen: Vanhan faviconin korvaaminen kaikissa viittauskohdissa.
- PWA:t ja verkkosovellukset: Verkkosovelluksen manifestin edellyttämien kuvakekokojen luominen.
- Staattisten sivustojen luontityökalut: Kuvakkeiden tuottaminen suoraan projektin julkiseen kansioon siirrettäväksi.
- Asiakastyö: Koko kuvakkeistokokonaisuuden nopea toimittaminen ilman suunnitteluohjelmistoa.
Miten tämä työkalu toimii
Kuvasi kokoa muutetaan HTML-kankaalla kussakin valitussa resoluutiossa, minkä jälkeen se pakataan standardien mukaiseksi .ico-tiedostoksi (johon on upotettu PNG-kehyksiä) ja valinnaisesti .zip-tiedostoksi, joka sisältää yksittäiset PNG-tiedostot — kaikki tämä tapahtuu reaaliaikaisesti selaimessasi JavaScriptin avulla ilman, että mitään ladataan, tallennetaan tai kirjataan lokiin.
Viimeksi päivitetty: 14. syyskuuta 2026.
Oliko tämä opas hyödyllinen?
Lisää työkaluja työkalupakissa
Etusivulla on vielä 14 muuta ilmaista työkalua, jotka eivät vaadi API-avainta.
Sanamääränlaskuri
Reaaliaikaiset sana-, merkki-, lause- ja kappalemäärät.
Kuvankoonmuunnin
Muuta JPG-, PNG- ja WEBP-kuvien kokoa pikselien tai prosenttien mukaan.
Kuva PDF-tiedostoksi
Yhdistä kuvat yhdeksi ladattavaksi PDF-tiedostoksi.
JSON-muotoilija
JSON-tiedoston siistiminen, pienentäminen ja tarkistaminen virheviitteiden avulla.
Salasanan luontityökalu
Vahvat satunnaiset salasanat mukautettujen sääntöjen avulla.