Varför så många storlekar?

Olika operativsystem och enheter begär favicons i olika storlekar. 16/32 för webbläsarflikar, 48 för aktivitetsfält, 128 för Chrome-tillägg, 180 för iOS, 192/512 för Androids hemskärmar och PWA:er. Saknas en storlek visas en reserv eller suddig ikon.

Nej. Allt körs i din webbläsare — bilden lämnar aldrig din dator.

Vad innehåller manifest.json?

Ett PWA-manifest med appnamn, temafärg, bakgrundsfärg och 192/512-ikonerna. Krävs för "Lägg till på hemskärmen" på Android och korrekta PWA-installationsdialoger.

Varför är HTML-snippetet användbart?

Det är exakt den uppsättning ` `- och ` `-taggar du behöver i din ` ` för att webbläsare och operativsystem ska hitta ikonerna. Klistra in en gång, klart.

Vad händer om min logotyp inte är kvadratisk?

Verktyget centralbeskär automatiskt till en kvadrat. För bästa resultat, ladda upp en kvadratisk (eller nästan kvadratisk) bild.

Free Tool

SEO & Content

Favicon Generator

Generera alla faviconstorlekar från en bild — plus manifest.json

Ladda upp en logotyp och få 8 faviconstorlekar (16–512px), Apple touch-ikon, manifest.json och HTML-kodsnippet att klistra in.

Prova gratis i 14 dagar Se hur det fungerar → AI Website Builder

Loading tool...

Spara timmar varje vecka

Skapa ett favicon manuellt — eller få autogenererade favicons + manifest + sociala förhandsvisningar på varje sida med AI Website Builder.

Prova gratis i 14 dagar

Webbläsare och operativsystem vill ha favicons i åtta olika storlekar — och missar man någon ser det oprofessionellt ut i webbläsarflikar, bokmärken, mobilens hemskärm eller PWA-installationsdialoger. Den här gratis Favicon Generator körs helt i din webbläsare: släpp en bild (PNG, JPG, SVG, WebP), och du får tillbaka 16x16, 32x32, 48x48, 64x64, 128x128 PNG:er för den klassiska favicon-stegen, en 180x180 Apple touch-ikon för iOS hemskärm, samt 192x192 + 512x512 PNG:er för Android/PWA-manifestet. Anpassa temafärg, bakgrundsfärg och appnamn, fyll eventuellt transparenta PNG:er med bakgrunden, kopiera sedan manifest.json-snippetet och HTML-huvud-blocket direkt in i ditt projekt. Ingenting laddas upp — bilden stannar på din dator.

How to Use

1 Klicka på uppladdningszonen och välj din logotyp (PNG, JPG, SVG, WebP) 2. Ange appnamn, temafärg och bakgrundsfärg 3. Aktivera "fyll transparent med bakgrund" om din logotyp har transparens du vill dölja 4. Klicka på valfri förhandsvisningsruta för att ladda ned just den storleken 5. Eller tryck på "Ladda ned alla 8 PNG:er" samt "Ladda ned manifest.json" för hela paketet 6. Kopiera HTML-huvud-snippetet och klistra in i din ``

Benefits

8 storlekar genererade från en uppladdning

Apple touch-ikon + Android/PWA-manifest inkluderat

Tema- och bakgrundsfärg inbakad

Klart-att-klistra-in HTML-huvud-snippet

Körs helt i din webbläsare — ingen uppladdning

FAQ