Favicon-generator – Lag alle favicon-størrelser fra bilde

Last opp et hvilket som helst bilde og få umiddelbart hele favikon-settet: 16, 32, 48, 180 (Apple), 192 og 512 (PWA) pluss site.webmanifest, pakket som en ZIP.

Slipp logoen din for å generere alle favicon-størrelser

Inkluderer site.webmanifest + HTML-kodebit

Filer slettes automatisk etter behandlingIngen vannmerkerGratis å bruke – ingen registrering nødvendig

Frequently Asked Questions

For moderne nettlesere og enheter trenger du seks størrelser: 16×16 og 32×32 for nettleserfaner, 48×48 for Windows-nettstedsikoner, 180×180 for Apple touch-ikon (iOS-startskjerm) og 192×192 + 512×512 for Android-startskjermer og PWA-installasjonsmeldinger. Generatoren vår lager alle seks pluss en site.webmanifest fra ett enkelt kildebilde.

usage

De fleste moderne nettlesere foretrekker PNG-lenketaggene (rel="icon" type="image/png"), så en ICO-fil er ikke lenger nødvendig. Vi hopper over den gamle ICO-en og leverer PNG-favicons i riktig størrelse for alle moderne mål. Hvis du må støtte Internet Explorer eller svært gamle versjoner av Chrome, kan du konvertere en av PNG-ene til ICO separat.

technical

Et web app-manifest er en JSON-fil som forteller Android, Chrome og Edge hvordan nettstedet ditt skal se ut når det installeres som en progressiv nettapp – ikon, navn, temafarge og visningsmodus. Generatoren vår inkluderer et startmanifest som peker på Android Chrome-ikonene; du trenger bare å redigere name og theme_color.

features

En kvadratisk (1:1) PNG på 512×512 eller større gir det reneste resultatet i alle størrelser. Unngå fine detaljer som forsvinner ved 16×16 – favicons fungerer best med én tydelig form og høy kontrast. Gjennomsiktige PNG-er fungerer; verktøyet legger inn ramme rundt dem slik at ikonet sitter sentrert i alle størrelser.

tips

Ja — kildebildet ditt endrer størrelse via canvas-API-et og pakkes som en ZIP lokalt. Ingenting lastes opp. Dette gjør det trygt å generere ikoner for produkter som ennå ikke er lansert, og merkevareidentiteter før lansering.

privacy

Pakk ut nedlastingen til nettstedets /public-mappe (eller web-roten), og legg deretter den medfølgende HTML-kodebiten i <head>: link-tagger for PNG-ikonene pluss en lenke til site.webmanifest. Last nettstedet hardt på nytt (Cmd+Shift+R) – nettlesere mellomlagrer favikoner aggressivt, så du må kanskje tømme bufferen for at det nye ikonet skal vises.

usage

Ja — PNG-ene på 192×192 og 512×512 er nøyaktig det Chrome og Edge ser etter for å kvalifisere et nettsted som en installerbar PWA. Sammen med manifestet oppfyller de Lighthouse-kontrollen for PWA-installerbarhet.

technical

Ja. Ingen vannmerker, ingen registrering, ingen bruksgrense – og ZIP-en er din for alltid. Vi la til dette verktøyet fordi enhver utvikler trenger et favicon-sett før eller siden, og de eksisterende generatorene var enten fulle av reklame eller fikk deg til å betale for høyoppløselige resultater.

pricing

How 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.

For Developers

Indie hacker-lanseringer

Solo-gründere som lanserer MVP-en sin trenger et forseggjort favicon før lansering. Generer hver størrelse fra ett enkelt logobilde og manifestet med ett klikk – ingen Figma, ingen designabonnement nødvendig.

For Business

Oppsett for byråkunder

Når du leverer et nytt kundenettsted, er favicon-settet sjelden budsjettert, men alltid forventet. Generer ZIP-filen mot slutten av prosjektet, legg den i /public, og kryss av leveransen.

For Developers

PWA-installerbarhet

For å bestå Chromes installerbarhetskontroll trenger manifestet ditt ikoner på 192×192 og 512×512. Resultatet vårt oppfyller dette kravet rett ut av boksen, i tillegg til de tilhørende HTML-head-taggene.

For Business

Arbeidsområder for flere merkevarer

Byråer og konsulenter som jonglerer med flere kundemerker kan regenerere favicon-settet på 10 sekunder hver gang en merkevareoppdatering lanseres – ingen grunn til å vedlikeholde en Photoshop-handling.

For Developers

Merkevarebygging for åpen kildekode-prosjekter

Nettsteder på GitHub Pages, Vercel, Netlify og Cloudflare Pages trenger alle favicons for å se forseggjorte ut i nettleserfaner. Slipp de genererte filene inn i repoet ditt, så ser prosjektet ferdig ut.

Marketing

Oppfriskning av merkevare

Når logoen din endres, kan du regenerere hver påkrevd størrelse — inkludert 180 px Apple touch-ikon og 512 px Android PWA-ikon — uten å eksportere på nytt manuelt fra Illustrator.