SVG till favicon

Gör en SVG-logotyp till en komplett faviconuppsättning — favicon.ico, apple-touch-icon och webbappsikoner — skarpt rastrerad 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.

Vektor in, alla rasterstorlekar ut

En SVG är den ideala faviconkällan: den är upplösningsoberoende, så varje ikonstorlek kan rastreras från den ursprungliga geometrin i stället för att omsamplas från en redan liten bitmapp. Släpp in din SVG så ritas varje utdata — 16, 32, 48, 180, 192 och 512 pixlar — från vektorn i sin egen storlek, vilket håller kanterna skarpa i stället för grumliga. Det är skillnaden mellan en ikon som ser genomtänkt ut i en flik och en som ser ut som en smet.

Varför du ändå vill ha .ico-filen

Moderna webbläsare använder gärna en SVG-favicon direkt, men äldre och en hel del verktyg — flödesläsare, länkförhandsvisningar i chattar, skrivbordsgenvägar — letar fortfarande efter favicon.ico. Att generera båda från samma SVG täcker allt. Lägg till utfyllnad, välj en kvadratisk, rundad eller cirkulär mask och en bakgrund, och ladda sedan ner hela uppsättningen med en HTML-kodsnutt redo att klistra in.

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.