Favicon-generator online: lag .ico og appikoner

Forvandle din visuelle identitet til et perfekt ikon for nettlesere, iPhone og Android. Raskt, gratis og 100% privat.

100% privat
iOS og Android
Retinakvalitet
Umiddelbar generering
Steg

Slik lager du en perfekt favicon

W3C-standard for maksimal kompatibilitet.

1

Last opp logo

Dra og slipp bildet ditt (PNG, JPG eller SVG). Vi anbefaler 512x512 px for maksimal skarphet.

2

Automatisk behandling

Motoren vår endrer størrelse og optimaliserer ikonet ditt for 12 forskjellige formater (Web, iOS, Android).

3

Last ned pakken

Last ned en enkelt .ico-fil eller hele ZIP-pakken med alle ressurser og nødvendig HTML-kode.

Mer enn bare en .ico-fil

Vi dekker alle moderne enheter.

Multi-resolution .ico

Vi genererer en ekte ICO-container med lag på 16 px, 32 px og 48 px for skrivebordet.

Apple Touch Icons

Spesialikoner når brukere legger nettstedet ditt på hjemskjermen på iPhone eller iPad.

Android Chrome

Adaptive ikoner på 192 px og 512 px for Android-enheter og PWA (Progressive Web Apps).

Full personvern

Generatoren kjører i nettleseren din. Bedriftslogoen din lastes aldri opp til serverne våre.

SVG-støtte

Hvis du laster opp en SVG renderer vi perfekte vektorer i hver størrelse uten pikselering.

HTML-snippet

Vi tilbyr den nøyaktige ``-koden å kopiere og lime inn i `` på siden din.

Webikonteknologi

Hvorfor du trenger mer enn en enkel PNG.

.ico:s betydning

Selv om moderne nettlesere støtter PNG, forblir filen favicon.ico kongen av kompatibilitet. Det er det eneste formatet som kan inneholde flere størrelser i én fil, noe som lar Windows bruke 16 px-versjonen i oppgavelinjen og 32 px-versjonen på skrivebordet og forhindrer uskarphet.

Garantert bakoverkompatibilitet.

Merkevareintegritet: Dune Safe(TM)

Logoen din er din mest verdifulle ressurs. Mange online-generatorer lagrer opplastede logoer. DuneTools gjør ikke det. Vi bruker Canvas API for å behandle bilder i ditt RAM. Du kan generere ikoner til konfidensielle prosjekter med fullstendig sinnsro.

Merkevaren din forlater aldri datamaskinen din.

Mobilikoner (Touch Icons)

I dag lagrer mange brukere nettsteder som apper. Hvis du ikke definerer apple-touch-icon bruker iOS et skjermbilde av siden din, noe som ser fryktelig ut. Generatoren vår lager denne nøkkelressursen slik at merkevaren din ser profesjonell ut på hjemskjermen.

Avgjørende for en premium mobilopplevelse.

Faviconer i mørk modus

Hvis logoen din er mørk og en besøkende bruker mørk modus forsvinner faviconen din i fanelinjen. Løsningen er med en separat lys variant. Vi genererer begge variantene hvis du laster opp en logo med gjennomsiktig bakgrunn, uten manuelle SVG-hack. Les vår favicon ICO-guide for en komplett snippet å lime inn i .

Én favicon for lys modus, en annen for mørk, automatisk.

PWA og Web Manifest

Hvis du distribuerer en Progressive Web App er filen site.webmanifest avgjørende. Den definerer icons[], theme_color, background_color og display-modusen som styrer atferden til installasjonsbanneret og oppstart fra hjemskjermen. Vi genererer et startmanifest med riktige PNG-ikoner på 192 px og 512 px, du justerer name, start_url og temaet etter eget ønske.

Manifest + 192/512-ikoner = installasjonsklar PWA.

Formatsammenligning

Velg riktig format for ditt bruk

PlattformFilnavnFaktisk størrelseHovedbruk
Webstandard favicon.ico Nettleserfaner
Skrivebord (PC/Mac)
iOS (iPhone/iPad) apple-touch-icon.png Hjemskjerm
Lagre som app
Android / PWA android-chrome-192.png Appskuff
Chrome Android
Windows Tiles mstile-150x150.png Startmeny
Windows 10/11-grensesnitt

Favicon-FAQ

Raske svar om verktøyet

Hvilket bilde skal jeg laste opp for best resultat?
Vi anbefaler et kvadratisk bilde på minst 512x512 piksler. Hvis det er en logo, sørg for at den har gjennomsiktig bakgrunn (PNG) slik at den integreres godt med nettlesere i mørk modus.
Hvorfor en .ico-fil når jeg bruker PNG?
.ico-filen er en standard som sikrer at ikonet ditt ser bra ut på uvanlige steder, som gamle Internet Explorer-bokmerker eller Windows-skrivebordssnarveier som ofte ignorerer PNG-filer.
Hvordan installerer jeg faviconen på nettstedet mitt?
Last ned ZIP, pakk den ut til nettstedets rotkatalog via FTP og kopier HTML-koden vi gir deg til -taggen på HTML-sidene dine.
Er det gratis for kommersiell bruk?
Ja, helt og holdent. Du kan generere ikoner til klientnettsteder, bedriftsprosjekter eller nettbutikker uten kostnad og uten å oppgi kilde.
Støtter den gjennomsiktighet?
Ja. Våre .ico- og PNG-generatorer respekterer alfakanalen (gjennomsiktighet). Hvis du laster opp en PNG uten bakgrunn har heller ikke faviconen din noen bakgrunn.
Vil logoen forvrenges hvis den ikke er kvadratisk?
Verktøyet vårt prøver å sentrere eller tilpasse den, men ideelt sett bør du beskjære bildet til 1:1-format (kvadrat) før opplasting for å ha full kontroll over beskjæringen. Du kan først bruke verktøyet vårt Beskjær bilde.
Genererer den filen site.webmanifest?
Ja, ZIP-nedlastingen inneholder en grunnleggende site.webmanifest-fil konfigurert for Android Chrome, noe som er avgjørende for at nettstedet ditt skal være installerbart som en PWA.
Fungerer det offline?
Nettopp. Det er et client-side-verktøy. Etter lasting trenger det ikke å sende data til noen server, så du kan bruke det offline eller i sikre intranettmiljøer.
Bruke SVG eller PNG som innmating?
SVG er gullstandarden, det skalerer til enhver størrelse uten pikselering. Hvis du bare har en PNG-logo, last den opp i 512x512 px eller større, mindre innmatninger er synlig uskarpe ved 192 px- eller 512 px-størrelser for PWA. Unngå JPG-innmatninger for logoer, JPG-komprimeringsartefakter forsterkes ved små størrelser.
Hvorfor vises ikke min nye favicon?
Tre vanlige årsaker: (1) Nettlesercache, tving oppdatering med Ctrl+Shift+R eller åpne i inkognitomodus. (2) Feil sti, sjekk at løser seg til filen din (sjekk Network-fanen i DevTools, status 200). (3) CDN-cache, Cloudflare og lignende kan holde det gamle ikonet i timer, tøm cachen for /favicon.ico og /apple-touch-icon.png.
Hvordan lager jeg en favicon fra en nettstedslogo?
Eksporter logoen din som en kvadratisk SVG eller PNG på 512x512 med gjennomsiktig bakgrunn. Dra den inn i generatoren. Verktøyet produserer hver størrelse som trengs (16, 32, 48 i .ICO + 180 for Apple + 192/512 for Android) i en ZIP. For ikke-rektangulære logoer, bruk først Beskjær bilde for å lage en 1:1-versjon.