Favicon-generaattori – Luo kaikki favicon-koot kuvasta

Lataa mikä tahansa kuva ja saat välittömästi koko favicon-setin: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) sekä site.webmanifest, pakattuna ZIP-tiedostona.

Laske logosi ja luo jokainen favicon-koko

Sisältää site.webmanifestin + HTML-pätkän

Tietoa Favicon Generatorista

Renderöi kuvasi kuuteen favicon-kokoon, joita selaimet nykyään käyttävät (ohittaen perinteisen .ico-polun, jota harvat sivustot vielä tarvitsevat), sekä valmiin julkaisun verkkosovelluksen manifestin. Se pyörii kokonaan selaimessasi — ei latausta, ei odotusta.

Jatka kuvien parantamista

Vie valokuvien muokkaus uudelle tasolle näillä suosituilla työkaluilla

📝

Lisää tekstiä kuvaan

Kuvatekstien ja otsikoiden lisääminen parannettuun kuvaan

🖼️

Lisää valokuvan reunus

Rajaa tehosteesi kauniilla reunuksilla

🗜️

Pakkaa kuva

Optimoi parannettu kuva jakamista varten

📐

Muuta kuvan kokoa

Muuta kuvan mittoja

Tutustu kaikkiin valokuvatyökaluihin

Frequently Asked Questions

Nykyaikaisissa selaimissa ja laitteissa tarvitset kuusi kokoa: 16×16 ja 32×32 selaimen välilehdille, 48×48 Windowsin sivukuvakkeille, 180×180 Apple Touch -kuvakkeelle (iOS:n kotinäyttö) ja 192×192 + 512×512 Androidin kotinäytöille ja PWA:n asennusohjeille. Generaattorimme tuottaa kaikki kuusi sekä site.webmanifestin yhdestä lähdekuvasta.

usage

Useimmat nykyaikaiset selaimet suosivat PNG-linkkitageja (rel="icon" type="image/png"), joten ICO-tiedostoa ei enää tarvita. Jätämme perinteisen ICO:n väliin ja tarjoamme PNG:n faviconit oikean kokoisena jokaiselle nykyaikaiselle kohteelle. Jos sinun täytyy tukea Internet Exploreria tai hyvin vanhaa Chromea, voit muuntaa yhden PNG:n erikseen ICO:ksi.

technical

Verkkosovellusmanifesti on JSON-tiedosto, joka kertoo Androidille, Chromelle ja Edgelle, miltä sivustosi pitäisi näyttää, kun se asennetaan progressiivisena verkkosovelluksena — kuvake, nimi, teeman väri ja näyttötila. Generaattorimme sisältää aloitusmanifestin, joka osoittaa Android Chrome -kuvakkeihin; Sinun tarvitsee vain muokata nimeä ja theme_color.

features

Neliö (1:1) PNG, jonka halkaisija on 512×512 tai suurempi, antaa puhtaimman tuloksen kaikissa kooissa. Vältä hienoja yksityiskohtia, jotka katoavat kohdassa 16×16 — faviconit toimivat parhaiten yhdellä rohkealla muodolla ja korkealla kontrastilla. Läpinäkyvät PNG:t toimivat; Työkalu kirjoittaa ne niin, että kuvake asettuu keskelle jokaisessa koossa.

tips

Kyllä — lähdekuvasi muutetaan Canvas API:n kautta ja pakataan paikallisesti ZIP-tiedostona. Mikään ei ole ladattu. Tämä tekee ikonien luomisesta julkaisemattomille tuotteille ja brändi-identiteettien luomisesta turvallista.

privacy

Pura lataus sivustosi /public (tai web root) -kansioon ja lisää mukana oleva HTML-pätkä <head>: linkkitunnisteet PNG-kuvakkeille sekä linkki site.webmanifestiin. Päivitä sivustosi kovasti (Cmd+Shift+R) — selaimet välimuistittavat faviconeja aggressiivisesti, joten saatat joutua tyhjentämään välimuistin, jotta uusi kuvake ilmestyy.

usage

Kyllä — 192×192 ja 512×512 PNG:t ovat juuri sitä, mitä Chrome ja Edge etsivät saadakseen sivuston asennettavaksi PWA:ksi. Yhdessä manifestin kanssa ne täyttävät majakan PWA-asennettavuustarkastuksen.

technical

Kyllä. Ei vesileimaa, ei rekisteröitymistä, ei käyttökattoa — ja ZIP on sinun ikuisesti. Lisäsimme tämän työkalun, koska jokainen kehittäjä tarvitsee lopulta favicon-sarjan, ja olemassa olevat generaattorit olivat joko mainoskuormitettuja tai joutuivat maksamaan korkearesoluutioisista ulostuloksista.

pricing

Use Cases

Indie-hakkerien julkaisut

Solo-perustajat, jotka lähettävät MVP:nsä, tarvitsevat hiotun faviconin ennen julkaisua. Luo jokainen koko yhdestä logokuvastasi ja manifestista yhdellä klikkauksella — ei Figmaa, ei design-tilausta.

development

Toimiston asiakasratkaisu

Kun toimitetaan uusi asiakassivusto, favicon-settiä harvoin budjetoidaan, mutta se on aina odotettavissa. Luo ZIP projektin lopussa, laita se /public ja rastita toimitus.

agency

PWA:n asennettavuus

Chromen asennettavuustarkistuksen läpäisemiseksi manifestisi tarvitsee 192×192- ja 512×512-kuvakkeita. Tuloksemme täyttää tämän vaatimuksen heti laatikosta lähtien, samoin kuin vastaavat HTML-päätunnisteet.

development

Monimerkkiset työtilat

Toimistot ja konsultit, jotka tasapainottelevat useiden asiakasbrändien kanssa, voivat palauttaa favicon-setin 10 sekunnissa aina kun brändipäivitys julkaistaan — ei tarvitse ylläpitää Photoshop-toimintoa.

agency

Avoimen lähdekoodin projektibrändäys

GitHub Pages, Vercel, Netlify ja Cloudflare Pages -sivustot tarvitsevat kaikki faviconeja, jotta selainvälilehdillä näyttäytyvät viimeistellyiltä. Laita generoidut tiedostot repositioon ja projektisi näyttää toimitetulta.

opensource

Refreshin uudelleenbrändäys

Kun logosi muuttuu, generoi kaikki tarvittavat koot uudelleen — mukaan lukien 180px Apple Touch -kuvake ja 512px Android PWA -kuvake — ilman manuaalista vientiä Illustratorista.

branding