Favicon-generator

Lag en komplett favicon-pakke (favicon.ico, 16×16, 32×32, Apple Touch 180×180, Android PWA 192×192 og 512×512 + site.webmanifest) i nettleseren.

Ingen opplastingerIngen påmeldingPartibehandling

Slipp logoen eller ikonet her (PNG, SVG, JPG, WebP)

Lager favicon.ico (16/32/48 px), Apple Touch 180×180, Android PWA 192/512 px og site.webmanifest

Velg fil

Frakoblet motor klar100 % privat arbeidsområde i nettleseren • Null opplastinger til skyen

100 % privat • Ingen filserveropplasting

Hvorfor bruke Utiliomes favicon- og PWA-generator?

Bygget fra grunnen av for strengt personvern, umiddelbar utførelse og null friksjon. Ingen abonnementer, betalingsmurer eller kontoregistreringer kreves.

Komplett 9-filers nett- og mobilpakke

Genererer favicon.ico (pakker 16×16, 32×32 og 48×48 lag), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest og §head-tags.html.

Forhåndsvisning av nettleserfanen Live Light & Dark

Test hvordan ikonet ditt ser ut i både lysmodus og mørk modus nettleserfaner og iOS startskjermmerker før du laster ned – juster bakgrunnsfarge, sikker utfylling og hjørneradius i sanntid.

Klar til å lime inn HTML <head> Snippet

Kopier de eksakte <link rel="icon">, <link rel="apple-touch-icon"> og <link rel="manifest">-taggene med ett klikk for umiddelbar integrering i Astro, Next.js, WordPress eller vanlig HTML.

100 % privat emballasje på klientsiden

All høypresisjon lerretsresampling, binær .ico header-pakking og ZIP arkivering kjøres lokalt i nettleseren din med ingen serveropplasting og null vannmerker.

Utiliome vs tradisjonelle skyalternativer

Sammenlign vår lokale første WebAssembly-motor med eldre skyverktøy.

Funksjon	Utiliome (lokal nettleser)	Eldre skykonverterere
Generert eiendeldekning	Flerlags favicon.ico + 16/32/48/180/192/512 PNGs + site.webmanifest	Single 16×16 ICO eller manglende iOS/Android PWA manifester
Sanntidsfane i mørk/lys modus og iOS-modell	Sanntids Chrome lys/mørk fanelinje + iOS Forhåndsvisning av startskjermmerke	Statisk nedlasting uten kontrastkontroll i mørk modus
Polstring, bakgrunn og avrundet maske	Interaktiv 0 %–30 % polstring, 0 %–50 % hjørneradius og tilpasset HEX bakgrunn	Strekker ikke-firkantede logoer uten polstring eller merkeavrunding
Personvern og utførelseshastighet	100 % lokal i nettleseren Canvas + JSZip (Ingen serveropplasting)	Laster opp ufrigitte merkelogoer til eksterne servere

Slik fungerer det

Slik lager du en komplett favicon-pakke i 3 trinn

Ingen programvareinstallasjon kreves. Alt kjører direkte i nettleseren din.

Slipp merkevarelogoen eller -ikonet (SVG, PNG, JPG, WebP)

Velg et høyoppløselig bilde eller vektor .svg logo. For skarpe 512×512 PWA sprutikoner, start med en SVG eller en 512×512+ PNG.

Tilpass polstring, hjørneradius og mørk modus-kontrast

Sjekk forhåndsvisningen av Live Light & Dark Browser Tab. Legg til sikker margutfylling (8 %–12 %), avrundede hjørner eller en solid bakgrunnsfyll hvis en mørk logo forsvinner mot mørke nettleserfaner.

Last ned Favicon ZIP & Kopier HTML <head> Tags

Klikk på 'Last ned fullstendig favorittikon ZIP', pakk ut filene i nettstedets /public eller rotmappen, og lim inn den genererte <link>-kodebiten i HTML <head>.

2026 nettsteds favorittikonstørrelser og -standarder: hver fil Moderne nettlesere og Google Søkebruk

Kort svar: En pakke med produksjonsnettsteder inkluderer en favicon.ico (16/32/48px) med flere oppløsninger for eldre reserver og snarveier på skrivebordet, favicon-16x16.png, favicon-32x32.png og favicon-48x48.png for skrivebordsfaner og SERP-er, apple-touch-icon.png (180×180) for iOS00 Safari, +§§06 og §iOS0. i site.webmanifest for Android PWAs.

Å stole på en enkelt favicon.ico-fil er ikke lenger tilstrekkelig på tvers av Retina-stasjonære skjermer, iPhones, Android-startskjermer og Google Søk i mobil-/skrivebordsbiter. Hver plattform spør etter en bestemt oppløsning og filformat:

Filnavn	Dimensjoner	Målplattform og nettleseratferd
`favicon.ico`	`16×16`, `32×32`, `48×48` (Flerlags)	Eldre nettleserreserve, RSS-lesere, Windows snarveier på skrivebordet og `/favicon.ico` rotsøkeprogrammer
`favicon-16x16.png`	`16 × 16 px`	Standard-DPI skrivebordsnettleserfaner (Chrome, Firefox, Edge, Safari) og bokmerkelinjer
`favicon-32x32.png`	`32 × 32 px`	2x Retina / HiDPI stasjonære nettleserfaner og Windows oppgavelinje festede nettsteder
`favicon-48x48.png`	`48 × 48 px`	Skrivebordssnarveier med høy tetthet og søkemotorsøkeprogrammer (som anbefaler >48×48px kvadratiske ikoner)
`apple-touch-icon.png`	`180 × 180 px`	iPhone og iPad Safari 'Legg til på startskjermen'-ikonet og iMessage / Safari-favoritter-fliser
`android-chrome-192x192.png`	`192 × 192 px`	Android Snarveisikonet for Chrome-startskjermen referert til i `site.webmanifest`
`android-chrome-512x512.png`	`512 × 512 px`	Progressive Web App (PWA) installer splash-skjerm og butikkikon for høydensitetsstarter
`site.webmanifest`

JSON Manifest | Erklærer appnavn, temafarge og 192/512px ikonbaner for Android og desktop PWA installasjon | | head-tags.html | HTML Snutt | Klar til å lime inn <link> og <meta name="theme-color"> koder for dokumentet ditt <head> |

Hvorfor Dark-Mode nettleserfaner bryter gjennomsiktige logoer – og hvordan fikser dem

Kort svar: Over 60 % av utviklere og mobilbrukere surfer i mørk modus, der en svart eller mørk marineblå, gjennomsiktig PNG-logo blir usynlig mot en #1E293B eller #000000 nettleserfane. Å legge til et subtilt bakgrunnsmerke med 8 %–12 % polstring og 16 %–24 % hjørneradius garanterer lesbarhet i begge temaene.

Favicon Generator vs. ICO Converter: Hvilket verktøy bør du bruke?

Kort svar: Bruk Favicon Generator når du starter en nettside eller nettapp som trenger hele ZIP-pakken (PNGs, Apple Touch-ikonet, Android PWA-manifestet, HTML <head>-snuttet og favicon.ico). Bruk den dedikerte ICO-konverteren når du trenger en frittstående flerlags Windows .ico-fil på opptil 256×256px for skrivebordsprogramvare eller snarveier.

Mens begge verktøyene produserer .ico-filer, er de utviklet for forskjellige distribusjonsrørledninger:

Funksjon / Krav	Favicon Generator (dette verktøyet)	ICO Generator & Converter
Primær utgang	Fullfør 9-filer `.zip` nettpakke (`6` PNGs + `.ico` + `site.webmanifest` + `head-tags.html`)	Frittstående `.ico` binær (eller batch `.ico` ZIP) med tilpasset lagvalg
Inkludert `.ico` Vedtak	Nettoptimaliserte lag `16×16`, `32×32` og `48×48`	Full Windows skrivebordspakke: `16`, `24`, `32`, `48`, `64`, `128` og `256×256 px`
Apple iOS & Android PWA Ikoner	Inkludert (`180×180`, `192×192`, `512×512`)	Ikke inkludert (fokusert strengt på `.ico` binære beholdere)
Best for	Nettsteder, SaaS-apper, Next.js/Astro/WordPress-prosjekter og Google SERP-ikoner	Windows 10/11 `.exe` appikoner, mappeikoner og batch PNG-til-ICO konvertering

FAQ

Ofte stilte spørsmål om favicon og ikonspesifikasjoner

Alt du trenger å vite om å bruke Utiliomes gratis Favicon-generator.

Hvilken størrelse bilde bør jeg laste opp til Favicon Generator?

For de skarpeste resultatene på tvers av alle genererte filer (opptil 512×512 Android PWA splash-ikonet), last opp enten en vektor .svg-fil eller et kvadratisk PNG/WebP-bilde som er minst 512×512 piksler.

Hvilke favorittikonstørrelser anbefaler Google Søk for SERP-kodebiter?

Google Search Central krever et firkantet favorittikon på minst 8×8px og anbefaler et ikon større enn 48×48px (eller et multiplum av 48px, SVG eller 180×180 apple-touch-icon.png) slik at det skaleres rent i søkeresultater på mobil og skrivebord. Utiliome inkluderer automatisk et 48×48px-lag i favicon.ico, en frittstående favicon-48x48.png og en 180×180 apple-touch-icon.png.

Hvor legger jeg filene fra den nedlastede favicon-package.zip?

Pakk ut de statiske aktivafilene (favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512x512x512.png) til din nettside stat og § katalogen din the stat og § katalogen din. (som /public i Next.js, Astro, Vite eller rotmappen i WordPress/HTML), kopier deretter <link>-taggene fra head-tags.html inn i dokumentet ditt <head>.

Er den genererte favicon.ico en ekte ICO-fil med flere oppløsninger?

Ja. I motsetning til grunnleggende verktøy som ganske enkelt omdøper en enkelt PNG til .ico, konstruerer Utiliome en binær ICONDIR-overskrift og pakker tre distinkte 32-biters RGBA-lag (16×16, 32×32 og 48×48) inn i favicon.ico.

Når bør jeg bruke Favicon Generator vs. ICO Generator-verktøyet?

Bruk Favicon Generator når du setter opp et nettsted slik at du får Apple Touch-ikoner, Android PWA-ikoner, site.webmanifest og HTML-hodemerker med ett klikk. Bruk ICO Generator-verktøyet når du trenger en frittstående Windows desktop .ico-fil som inneholder 64×64, 128×128 og 256×256 lag eller ønsker å batchkonvertere flere bilder til .ico.

Lastes logoene mine opp til en server når jeg genererer favorittikoner?

Aldri. All lerretsskalering, hjørneavrunding, ICO binær pakking og ZIP komprimering skjer 100 % lokalt i nettleseren din.