Hvordan laver jeg et favicon af mit logo?

Slip en PNG-, JPEG-, WebP- eller SVG-fil, vælg indstillinger som Form, Margen og Appnavn, og klik på Generér faviconpakke (.zip). Kopiér HTML-kodestykket, der vises under Indsæt i din head.

Hvilke filer er der i favicon-ZIP'en?

favicon-package.zip indeholder favicon.ico, PNG-ikoner (16, 32, 180, 192 og 512 pixels), site.webmanifest med dit appnavn og en favicon-snippet.html med link-tags.

Hvilken billedstørrelse og hvilket format skal jeg uploade?

PNG, JPEG, WebP og SVG accepteres, én fil ad gangen. Til det skarpeste resultat skal du bruge et kvadratisk billede på mindst 512x512; en gennemsigtig PNG eller SVG fungerer bedst.

Hvordan får jeg et rundt eller afrundet favicon?

Efter upload vælger du Firkantet, Afrundet eller Cirkel under Form. Du kan også justere Margen fra 0 til 25 procent og se resultatet i forhåndsvisningen af browserfanen.

Bliver mit billede uploadet, og hvorfor mislykkes genereringen?

Ikonerne tegnes med browserens Canvas og zippes med JSZip på din enhed. Hvis du ser Kunne ikke indlæse dette billede, kan filen være beskadiget; prøv et andet billede eller en anden browser.

Er det virkelig gratis?

Ja. Alle værktøjer er gratis at bruge, uden konto og uden kreditkort. Arbejdet foregår på din enhed i stedet for på vores servere, hvilket er det, der gør det gratis at køre.

Bliver mine filer uploadet?

Nej. Dine filer åbnes og behandles inde i din browser og sendes ikke til LibraTool. Nogle værktøjer downloader først en behandlingsmotor eller AI-model til din browser; den download indeholder ingen af dine data.

Virker det på mobil?

Ja. Det kører i nuværende mobilbrowsere på iOS og Android, uden noget at installere. Meget store filer kan være langsomme eller løbe tør for hukommelse på en telefon, så brug en computer til dem.

🌟

Gratis Favicon-generator

Omdan et billede til en komplet faviconpakke: en multi-størrelses favicon.ico, Apple touch icon, Android/PWA-ikoner, et webmanifest og det klar-til-indsæt HTML-kodestykke — alt zippet, i din browser.

Filstørrelsen afhænger af din enhedFiler forbliver privateIngen login krævetGratis for altid

Slip en fil her, eller klik for at vælge

PNG, JPG, WebP, SVG, HEIC, HEIF · behandles på din enhed

eller tryk Ctrl+V for at indsætte fra udklipsholderen

Gennemse filer

Dine filer forlader aldrig din enhed. Al behandling sker lokalt i din browser.

💡 Upload et kvadratisk billede på mindst 512×512 for det skarpeste resultat. Transparent PNG eller SVG fungerer bedst.

Almindelige anvendelser

Opret en webstedsikonGenerér det komplette favicon-sæt, som hver browser og enhed forventer.
Generér PWA- og manifestikonerFå 192px og 512px ikoner og webmanifest, som en PWA har brug for.
Opret et Apple Touch-ikonGenerér 180×180-ikonen, som iOS bruger, når et websted gemmes på startskærmen.
Lav et logo til et faviconKonverter dit brands logo til et rent, genkendelig favicon.
Generér favicons til alle frameworksFå drop-in favicon-filer til React, Next.js, WordPress og meget mere.

Sådan fungerer det

Værktøjet omdanner enhver PNG, JPEG, WebP eller SVG til en komplet favicon-pakke — .ico i flere størrelser, Apple touch-ikon, Android/PWA-ikoner, et webmanifest og en HTML-stump klar til indsættelse — udelukkende i din browser med Canvas API og JSZip. Intet uploades; al gengivelse og sammensætning af filer sker lokalt.

1
Canvas skalerer dit billede
Browseren tegner dit kildebillede på usynlige HTML Canvas-elementer i hver påkrævet størrelse (16, 32, 48, 180, 192 og 512 px). SVG'er uden eksplicitte width/height-attributter normaliseres først via DOMParser og XMLSerializer, så Firefox og Chrome giver identisk pixeloutput i stedet for et tomt lærred.
2
En håndskrevet ICO-encoder pakker .ico-filen
Små ICO-poster (16, 32, 48 px) kodes som rå 32-bit BGRA DIB-bitmaps — BITMAPINFOHEADER plus XOR-rækker nedefra og op og en 1bpp AND-maske — fordi Windows' shell-komponenter kræver ukomprimeret DIB-format i de størrelser. Værktøjet skriver ICO-mappeheaderen og sammenføjer posterne udelukkende med DataView og Uint8Array, uden noget eksternt ICO-bibliotek.
3
PNG-output laves via canvas.toBlob
Hver PNG-variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) fanges ved at kalde canvas.toBlob med 'image/png', så den tabsfri kodning overlades til browserens indbyggede billedmotor. Valgfri luft, baggrundsfarve og formbeskæring (firkant, afrundet eller cirkel) anvendes på canvas-konteksten før optagelsen.
4
JSZip samler alt i én download
JSZip samler alle genererede filer — favicon.ico, de fem PNG'er, en site.webmanifest med dit app-navn og en favicon-snippet.html med de korrekte <link>-tags — i én .zip-blob, der automatisk downloades til din enhed.

Dit billede indlæses direkte i browserens Canvas API og forlader aldrig din enhed — ingen fildata sendes til nogen server på noget tidspunkt.

Relaterede værktøjer

🖼️

PNG til ICO-favicon-konverter

Konverter PNG-, JPG-, WebP- eller SVG-billeder til .ico-faviconfiler i flere størrelser. Vælg de størrelser du vil have samlet (16, 32, 48, 64, 128, 256) og download én enkelt .ico.

Prøv detFiler forbliver lokale

🎞️