Every favicon size from one image
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
Drop a square image — get every favicon size plus site.webmanifest as a ZIP.
Sisältää favicon.ico-tiedoston, site.webmanifestin + HTML-koodinpätkän
What you can do with Favicon-generaattori
Everything this tool helps you accomplish — no learning curve, no setup.
- Generate every favicon size from one image
- Create Apple touch and Android home-screen icons
- Get a ready-to-use site.webmanifest file
- Download all favicon sizes as a single ZIP
- Add a crisp browser-tab icon to your website
Valmis työkalun Favicon-generaattori kanssa? Kokeile näitä seuraavaksi
Käsin valitut työkalut, jotka sopivat hyvin työkalun Favicon-generaattori kanssa. Jatka menettämättä tiedostoasi.
ICO-muunnin
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
Kokeile nytSVG-muodosta PNG-muotoon
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
Kokeile nytPNG WebP:ksi
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
Kokeile nytKuvasta tarraksi
Plain photos look out of place in chats. Cut the background, wrap a white outline around your subject, and export a sticker sized for WhatsApp, Telegram, and iMessage in seconds. Free to start.
Kokeile nytMuuta kuvan kokoa
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
Kokeile nytVärinvalitsin
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
Kokeile nytUsein kysytyt kysymykset
Moderneja selaimia ja laitteita varten tarvitset kuusi kokoa: 16×16 ja 32×32 selaimen välilehdille, 48×48 Windowsin sivustokuvakkeille, 180×180 Applen touch-kuvakkeelle (iOS-kotinäyttö) sekä 192×192 + 512×512 Androidin kotinäytöille ja PWA-asennuskehotteille. Generaattorimme tuottaa kaikki kuusi sekä site.webmanifest-tiedoston yhdestä lähdekuvasta.
usageUseimmat nykyaikaiset selaimet suosivat PNG-linkkitageja (rel="icon" type="image/png"), joten ICO-tiedostoa ei enää tarvita. Ohitamme vanhentuneen ICO-muodon ja tarjoamme PNG-faviconit, joiden koko on oikea jokaiselle nykyaikaiselle kohteelle. Jos sinun on tuettava Internet Exploreria tai hyvin vanhaa Chromea, voit muuntaa yhden PNG-kuvista erikseen ICO-muotoon.
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.
featuresNeliömäinen (1:1) PNG kokoa 512×512 tai suurempi antaa siisteimmän tuloksen kaikissa koossa. Vältä hienoja yksityiskohtia, jotka katoavat koossa 16×16 — faviconit toimivat parhaiten yhdellä rohkealla muodolla ja korkealla kontrastilla. Läpinäkyvät PNG:t toimivat; työkalu lisää niihin reunukset, jotta kuvake on keskitetty joka koossa.
tipsLähdekuvasi ladataan HTTPS:n kautta suojatulle palvelimellemme, joka renderöi jokaisen favicon-koon ja site.webmanifest-tiedoston ja palauttaa ne ZIP-tiedostona, minkä jälkeen se poistaa latauksen automaattisesti käsittelyn jälkeen. Latauksissa ei ole vesileimaa eikä mitään tallenneta tai jaeta, joten se pysyy turvallisena julkaisemattomille tuotteille ja ennen julkaisua oleville brändi-identiteeteille.
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.
usageKyllä — 192×192- ja 512×512-PNG:t ovat juuri ne, joita Chrome ja Edge etsivät hyväksyäkseen sivuston asennettavaksi PWA:ksi. Yhdessä manifestin kanssa ne täyttävät Lighthousen PWA-asennettavuustarkistuksen.
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingFavicon on pieni kuvake, jonka selain näyttää sivusi otsikon vieressä välilehdessä, kirjanmerkeissä ja historiassa. Sitä käytetään myös kuvakkeena, kun joku lisää sivustosi puhelimen aloitusnäyttöön tai asentaa sen sovelluksena. Lataa logosi tähän, niin generaattori tuottaa täyden valikoiman favicon-kokoja sekä site.webmanifest-tiedoston yhtenä ZIP-pakettina.
usageKyllä — 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.
technicalLataa PNG-logosi, niin generaattori muuntaa sen moniresoluutioiseksi favicon.ico-tiedostoksi, joka sisältää selainten odottamat 16, 32 ja 48 pikselin versiot, sekä kuusi PNG-kokoa ja site.webmanifest-tiedoston, kaikki yhteen ZIP-pakettiin koottuna. Myös JPEG-, WebP- ja SVG-lähteet toimivat, joten mikä tahansa logotiedosto muuttuu favicon-kuvakkeeksi ilman kuvankäsittelyohjelman avaamista.
usageMiten Favicon-generaattori auttaa sinua saamaan sen tehtyä
Todelliset ongelmat, jotka se ratkaisee joka päivä — yrityksille, tekijöille ja arkisiin tehtäviin. Löydä sinulle sopiva käyttötapa ja aloita sekunneissa.
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.