Hur gör jag en favicon av min logotyp?

Släpp en PNG-, JPEG-, WebP- eller SVG-fil, ställ in alternativ som Form, Marginal och Appnamn och klicka sedan på Generera faviconpaket (.zip). Kopiera HTML-kodavsnittet som visas under Klistra in i din head.

Vilka filer finns i favicon-ZIP:en?

favicon-package.zip innehåller favicon.ico, PNG-ikoner (16, 32, 180, 192 och 512 pixlar), site.webmanifest med ditt appnamn och en favicon-snippet.html med länktaggarna.

Vilken bildstorlek och vilket format ska jag ladda upp?

PNG, JPEG, WebP och SVG accepteras, en fil åt gången. För det skarpaste resultatet använd en kvadratisk bild på minst 512x512; en transparent PNG eller SVG fungerar bäst.

Hur får jag en rund eller rundad favicon?

Efter uppladdning väljer du Kvadrat, Rundad eller Cirkel under Form. Du kan också justera Marginal från 0 till 25 procent och förhandsgranska resultatet i förhandsvisningen Webbläsarflik.

Laddas min bild upp, och varför misslyckas genereringen?

Ikoner ritas med webbläsarens Canvas och zippas med JSZip på din enhet. Om du ser Det gick inte att ladda den här bilden kan filen vara skadad; prova en annan bild eller webbläsare.

Är det verkligen gratis?

Ja. Alla verktyg är gratis att använda, utan konto och utan kreditkort. Arbetet utförs på din enhet istället för på våra servrar, vilket är det som gör det gratis att köra.

Laddas mina filer upp?

Nej. Dina filer öppnas och bearbetas i din webbläsare och skickas inte till LibraTool. Vissa verktyg laddar först ned en bearbetningsmotor eller AI-modell till din webbläsare; den nedladdningen innehåller inga data från dig.

Fungerar det på mobil?

Ja. Det fungerar i moderna mobilwebbläsare på iOS och Android, utan installation. Mycket stora filer kan gå långsamt eller ta slut på minne i en telefon, så använd en dator för dem.

🌟

Gratis Favicon-generator

Gör om valfri bild till ett komplett favicon-paket: en favicon.ico med flera storlekar, Apple touch-ikon, Android/PWA-ikoner, ett webbmanifest och det färdiga HTML-kodavsnittet — allt zippat, i din webbläsare.

Filstorleken beror på din enhetFiler förblir privataIngen inloggning krävsGratis för alltid

Släpp en fil här, eller klicka för att bläddra

PNG, JPG, WebP, SVG, HEIC, HEIF · bearbetas på din enhet

eller tryck Ctrl+V för att klistra in från urklipp

Bläddra bland filer

Dina filer lämnar aldrig din enhet. All bearbetning sker lokalt i din webbläsare.

💡 Ladda upp en kvadratisk bild på minst 512×512 för bästa resultat. Transparent PNG eller SVG fungerar bäst.

Vanliga användningar

Skapa en webbplatsfavikonGenerera den kompletta favikonsamlingen som varje webbläsare och enhet förväntar sig.
Generera PWA & Manifest-ikonerFå 192px och 512px ikoner och webbmanifest som en PWA behöver.
Skapa en Apple Touch-ikonGenerera 180×180-ikonen som iOS använder när en webbplats sparas på startskärmen.
Gör en logotyp till en favikonKonvertera din märkeslogotyp till en ren, igenkännlig favikon.
Generera favikoner för alla ramverkFå drop-in-favikonsfiler för React, Next.js, WordPress och mycket mer.

Så här fungerar det

Det här verktyget omvandlar valfri PNG, JPEG, WebP eller SVG till ett komplett favicon-paket — .ico i flera storlekar, Apple touch-ikon, Android/PWA-ikoner, en webbmanifest och ett klistra-in-klart HTML-utdrag — helt i din webbläsare med Canvas-API:et och JSZip. Inget laddas upp; all rendering och filsammansättning sker lokalt.

1
Canvas skalar om din bild
Webbläsaren ritar din källbild på osynliga HTML-canvas-element i varje önskad storlek (16, 32, 48, 180, 192 och 512 px). SVG-filer utan explicita bredd-/höjdattribut normaliseras först via DOMParser och XMLSerializer så att Firefox och Chrome ger identisk pixelutdata istället för en tom canvas.
2
Handskriven ICO-kodare packar .ico-filen
Små ICO-poster (16, 32, 48 px) kodas som råa 32-bitars BGRA DIB-bitmappar — BITMAPINFOHEADER plus bottom-up XOR-rader och en 1bpp AND-mask — eftersom Windows skalkomponenter kräver okomprimerat DIB-format vid dessa storlekar. Verktyget skriver ICO-kataloghuvudet och sammanfogar posterna helt med DataView och Uint8Array, utan något externt ICO-bibliotek inblandat.
3
PNG-utdata skapas via canvas.toBlob
Varje PNG-variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) fångas genom att anropa canvas.toBlob med 'image/png', vilket delegerar den förlustfria kodningen till webbläsarens inbyggda bildmotor. Valfri marginal, bakgrundsfärg och formklippning (kvadrat, rundad eller cirkel) tillämpas på canvas-kontexten före fångst.
4
JSZip paketerar allt till en nedladdning
JSZip sammanställer alla genererade filer — favicon.ico, de fem PNG-filerna, en site.webmanifest med ditt appnamn, och en favicon-snippet.html med korrekta <link>-taggar — till en enda .zip-blob som laddas ned automatiskt till din enhet.

Din bild läses in direkt i webbläsarens Canvas-API och lämnar aldrig din enhet — ingen fildata skickas till någon server vid något tillfälle.

Relaterade verktyg

🖼️

PNG till ICO-faviconkonverterare

Konvertera PNG-, JPG-, WebP- eller SVG-bilder till .ico-faviconfiler med flera storlekar. Välj de storlekar du vill bunta (16, 32, 48, 64, 128, 256) och ladda ned en enda .ico.

Prova detFiler stannar lokalt

🎞️

Animerad GIF-skapare

Kombinera flera bilder till en animerad GIF. Justerbar bildfördröjning, utdatabredd, loopning och kvalitet. Kodas helt i din webbläsare.

Prova detFiler stannar lokalt

Populärt

✍️

Signaturskapare

Rita en signatur med musen, fingret eller pennan, eller skriv ditt namn i ett handstilstypsnitt, exportera den sedan som en transparent PNG eller SVG.

Prova det