Favicon-generator online: lav .ico og appikoner

Forvandl din visuelle identitet til et perfekt ikon til browsere, iPhone og Android. Hurtigt, gratis og 100% privat.

100% privat
iOS og Android
Retinakvalitet
Øjeblikkelig generering
Trin

Sådan laver du en perfekt favicon

W3C-standard for maksimal kompatibilitet.

1

Upload logo

Træk og slip dit billede (PNG, JPG eller SVG). Vi anbefaler 512x512 px for maksimal skarphed.

2

Automatisk behandling

Vores motor ændrer størrelse og optimerer dit ikon til 12 forskellige formater (Web, iOS, Android).

3

Download pakken

Download en enkelt .ico-fil eller hele ZIP-pakken med alle ressourcer og nødvendig HTML-kode.

Mere end blot en .ico-fil

Vi dækker alle moderne enheder.

Multi-resolution .ico

Vi genererer en ægte ICO-container med lag på 16 px, 32 px og 48 px til skrivebordet.

Apple Touch Icons

Specialikoner når brugere lægger dit websted på hjemmeskærmen på iPhone eller iPad.

Android Chrome

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

Fuld privatliv

Generatoren kører i din browser. Dit virksomhedslogo uploades aldrig til vores servere.

SVG-understøttelse

Hvis du uploader en SVG, renderer vi perfekte vektorer i hver størrelse uden pixelering.

HTML-snippet

Vi tilbyder den nøjagtige ``-kode at kopiere og indsætte i `` på din side.

Webikonteknologi

Hvorfor du har brug for mere end en simpel PNG.

.ico's betydning

Selvom moderne browsere understøtter PNG, forbliver filen favicon.ico kompatibilitetens konge. Det er det eneste format, der kan indeholde flere størrelser i én fil, hvilket lader Windows bruge 16 px-versionen i proceslinjen og 32 px-versionen på skrivebordet og forhindrer sløring.

Garanteret bagudkompatibilitet.

Brandintegritet: Dune Safe(TM)

Dit logo er din mest værdifulde ressource. Mange online-generatorer gemmer uploadede logoer. DuneTools gør ikke det. Vi bruger Canvas API til at behandle billeder i din RAM. Du kan generere ikoner til fortrolige projekter med fuldstændig sindsro.

Dit brand forlader aldrig din computer.

Mobilikoner (Touch Icons)

I dag gemmer mange brugere websteder som apps. Hvis du ikke definerer apple-touch-icon, bruger iOS et skærmbillede af din side, hvilket ser frygteligt ud. Vores generator laver denne nøgleressource, så dit brand ser professionelt ud på hjemmeskærmen.

Afgørende for en premium mobiloplevelse.

Faviconer i mørk tilstand

Hvis dit logo er mørkt, og en besøgende bruger mørk tilstand, forsvinder din favicon i fanelinjen. Løsningen er med en separat lys variant. Vi genererer begge varianter, hvis du uploader et logo med gennemsigtig baggrund, uden manuelle SVG-hacks. Læs vores favicon ICO-guide for en komplet snippet at indsætte i .

Én favicon til lys tilstand, en anden til mørk, automatisk.

PWA og Web Manifest

Hvis du distribuerer en Progressive Web App, er filen site.webmanifest afgørende. Den definerer icons[], theme_color, background_color og display-tilstanden, der styrer adfærden af installationsbanneret og opstart fra hjemmeskærmen. Vi genererer et startmanifest med korrekte PNG-ikoner på 192 px og 512 px, du justerer name, start_url og temaet efter eget ønske.

Manifest + 192/512-ikoner = installationsklar PWA.

Formatsammenligning

Vælg det rigtige format til din brug

PlatformFilnavnFaktisk størrelseHovedanvendelse
Webstandard favicon.ico Browserfaner
Skrivebord (PC/Mac)
iOS (iPhone/iPad) apple-touch-icon.png Hjemmeskærm
Gem som app
Android / PWA android-chrome-192.png Appskuffe
Chrome Android
Windows Tiles mstile-150x150.png Startmenu
Windows 10/11-grænseflade

Favicon-FAQ

Hurtige svar om værktøjet

Hvilket billede skal jeg uploade for det bedste resultat?
Vi anbefaler et kvadratisk billede på mindst 512x512 pixels. Hvis det er et logo, så sørg for, at det har gennemsigtig baggrund (PNG), så det integreres godt med browsere i mørk tilstand.
Hvorfor en .ico-fil, når jeg bruger PNG?
.ico-filen er en standard, der sikrer, at dit ikon ser godt ud på usædvanlige steder, som gamle Internet Explorer-bogmærker eller Windows-skrivebordsgenveje, der ofte ignorerer PNG-filer.
Hvordan installerer jeg faviconen på mit websted?
Download ZIP, pak den ud i webstedets rodkatalog via FTP og kopier den HTML-kode, vi giver dig, til -tagget på dine HTML-sider.
Er det gratis til kommerciel brug?
Ja, helt og holdent. Du kan generere ikoner til klientwebsteder, virksomhedsprojekter eller netbutikker uden omkostninger og uden at angive kilde.
Understøtter den gennemsigtighed?
Ja. Vores .ico- og PNG-generatorer respekterer alfakanalen (gennemsigtighed). Hvis du uploader en PNG uden baggrund, har din favicon heller ingen baggrund.
Vil logoet blive forvrænget, hvis det ikke er kvadratisk?
Vores værktøj prøver at centrere eller tilpasse det, men ideelt set bør du beskære billedet til 1:1-format (kvadrat) før upload for at have fuld kontrol over beskæringen. Du kan først bruge vores værktøj Beskær billede.
Genererer den filen site.webmanifest?
Ja, ZIP-downloaden indeholder en grundlæggende site.webmanifest-fil konfigureret til Android Chrome, hvilket er afgørende for, at dit websted skal være installerbart som en PWA.
Virker det offline?
Præcis. Det er et client-side-værktøj. Efter indlæsning behøver det ikke at sende data til nogen server, så du kan bruge det offline eller i sikre intranetmiljøer.
Bruge SVG eller PNG som input?
SVG er guldstandarden, det skalerer til enhver størrelse uden pixelering. Hvis du kun har et PNG-logo, så upload det i 512x512 px eller større, mindre input er synligt slørede ved 192 px- eller 512 px-størrelser til PWA. Undgå JPG-input til logoer, JPG-komprimeringsartefakter forstærkes ved små størrelser.
Hvorfor vises min nye favicon ikke?
Tre almindelige årsager: (1) Browsercache, tving opdatering med Ctrl+Shift+R eller åbn i inkognitotilstand. (2) Forkert sti, tjek at løser sig til din fil (tjek Network-fanen i DevTools, status 200). (3) CDN-cache, Cloudflare og lignende kan holde det gamle ikon i timer, ryd cachen for /favicon.ico og /apple-touch-icon.png.
Hvordan laver jeg en favicon fra et webstedslogo?
Eksporter dit logo som en kvadratisk SVG eller PNG på 512x512 med gennemsigtig baggrund. Træk det ind i generatoren. Værktøjet producerer hver nødvendig størrelse (16, 32, 48 i .ICO + 180 til Apple + 192/512 til Android) i en ZIP. Til ikke-rektangulære logoer kan du først bruge Beskær billede for at lave en 1:1-version.