Favicon-generator

Generera en komplett favicon-uppsättning från en enda bild — favicon.ico, apple-touch-icon, Android-/PWA-ikoner och HTML-kodsnutten — helt i din webbläsare. Inget laddas upp.

Integritet först: varje bild bearbetas lokalt i din webbläsare. Ingenting laddas upp, lagras eller överförs till någon server.

Alla ikoner en modern webbplats behöver, på en gång

En favicon är inte längre en enda fil. Webbläsare läser en liten favicon.ico för flikar och adressfältet, iOS vill ha en 180×180 apple-touch-icon för hemskärmen, och Android och installerbara webbappar hämtar PNG-filer på 192 och 512px från ett webbmanifest. Den här generatorn bygger allihop från en källbild och ger dig en HTML-kodsnutt redo att klistra in, så att du slipper exportera sex storlekar för hand.

Inramad som du vill, och privat

Behåll ikonen kvadratisk, runda av hörnen eller beskär den till en cirkel; lägg till utfyllnad så att en logotyp inte trycks mot kanten; och välj en transparent eller enfärgad bakgrund. En förhandsvisning i realtid visar resultatet i verkliga faviconstorlekar, inklusive en efterliknad webbläsarflik. Eftersom varje fil genereras på din enhet skickas din logotyp — ofta ännu ej släppt varumärkesmaterial — aldrig till en server.

Vanliga frågor

Laddas min bild upp för att skapa faviconen?
Nej. Favicon.ico-filen, PNG-ikonerna och manifestet genereras allihop lokalt i din webbläsare med Canvas API. Din bild lämnar aldrig din enhet.
Vilka storlekar och filer får jag?
En favicon.ico i flera upplösningar (16, 32 och 48px), PNG-ikoner i 16, 32, 48, 180 (apple-touch-icon), 192 och 512px, en site.webmanifest och ett HTML-utdrag att klistra in i din <head>.
Kan jag konvertera en PNG eller SVG till en ICO?
Ja. Släpp in en PNG, JPG, SVG eller WebP och ladda ner en riktig favicon.ico. SVG-logotyper rastreras först lokalt i hög upplösning.
Vilken bild fungerar bäst?
En kvadratisk bild med en enkel logotyp med hög kontrast. Bilder som inte är kvadratiska beskärs från mitten så att de passar; använd reglagen för utfyllnad och form för att rama in den som du vill.
Hur installerar jag faviconen?
Packa upp paketet i din webbplats rotmapp och klistra in det medföljande HTML-utdraget i <head> på dina sidor. Favicon.ico-filen hittas automatiskt av de flesta webbläsare.