PixoateFavicon-generaattori – Luo kaikki favicon-koot kuvasta
Lataa mikä tahansa kuva ja saat heti täydellisen favicon-paketin: moniresoluutioisen favicon.ico-tiedoston sekä 16-, 32-, 48-, 180- (Apple), 192- ja 512-kokoiset (PWA) PNG-kuvat ja site.webmanifest-tiedoston, pakattuna ZIP-pakettiin.
Pudota logosi luodaksesi jokaisen favicon-koon
Sisältää favicon.ico-tiedoston, site.webmanifestin + HTML-koodinpätkän
Valmis favicon-generaattorin kanssa? Kokeile seuraavaksi näitä
Käsin valitut työkalut, jotka sopivat hyvin yhteen faviconin luojan kanssa. Jatka työtä tiedostoa menettämättä.
ICO-muunnin
Muunna PNG / JPG / SVG moniresoluutioiseksi Windows-.ico-kuvakkeeksi (16 / 32 / 48 / 64 / 128 / 256 px ja enemmän).
Kokeile nytSVG-muodosta PNG-muotoon
Rasteroi mikä tahansa SVG teräväksi PNG-kuvaksi 1x–8x-skaalalla läpinäkyvällä, valkoisella tai mukautetulla taustalla.
Kokeile nytPNG WebP:ksi
Muunna PNG WebP:ksi ja pienennä tiedostokokoa 60–80 % säilyttäen jokaisen läpinäkyvän pikselin. Laatuliukusäädin, valinnainen häviötön tila.
Kokeile nytKuvasta tarraksi
Muunna mikä tahansa valokuva painetun tyylin tarraksi tekoälyn taustanpoistolla ja muokattavalla valkoisella ääriviivalla. Täydellinen WhatsAppiin, Telegramiin ja iMessageen.
Kokeile nytMuuta kuvan kokoa
Muuta JPG-, PNG-, GIF-, WebP- tai SVG-kuvien kokoa tarkkaan leveyteen ja korkeuteen tai skaalaa prosentteina – muuta yhden kuvan kokoa tai monen kuvan kokoa kerralla ZIP-pakettiin. Reaaliaikainen esikatselu, säilyttää kuvasuhteen ja laadun. Ilmainen, ei rekisteröitymistä, ei vesileimaa.
Kokeile nytVärinvalitsin
Poimi mikä tahansa pikselin väri valokuvasta (HEX / RGB / HSL) tai poimi automaattisesti hallitseva väripaletti. Vie JSON- tai CSS-muuttujina.
Kokeile nytFrequently Asked Questions
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.
tipsYour source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.
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.
technicalKyllä. Ei vesileimoja, ei rekisteröitymistä, ei käyttörajaa – ja ZIP on sinun ikuisesti. Lisäsimme tämän työkalun, koska jokainen kehittäjä tarvitsee ennemmin tai myöhemmin favicon-sarjan, ja olemassa olevat generaattorit olivat joko mainoksia täynnä tai vaativat maksua korkearesoluutioisista tuloksista.
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.
usageYes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.
technicalHow Favicon Generator helps you get it done
Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.
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.
Icons for a Browser Extension Manifest
Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.
Fill the Favicon Gap on No-Code Sites
Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.
Give a Hobby Blog a Finished Look
Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.
Fix the Favicon Flagged in an SEO Audit
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.