PixoateFavicon-generaattori – Luo kaikki favicon-koot kuvasta
Lähetä mikä tahansa kuva ja saat heti täydellisen suosikkikuvakesarjan: 16, 32, 48, 180 (Apple), 192 ja 512 (PWA) sekä site.webmanifest, pakattuna ZIP-tiedostoksi.
Pudota logosi luodaksesi jokaisen favicon-koon
Sisältää site.webmanifest-tiedoston + 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.
tipsKyllä — lähdekuvasi koko muutetaan canvas-rajapinnan kautta ja pakataan ZIP-tiedostoksi paikallisesti. Mitään ei ladata palvelimelle. Tämä tekee turvalliseksi luoda kuvakkeita julkaisemattomille tuotteille ja ennen lanseerausta valmisteltaville 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.
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.
pricingHow 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.