Konvertera JPG till ICO

Gör en JPG till en riktig favicon.ico med flera upplösningar — plus resten av en modern ikonuppsättning — 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.

Från ett fotoformat till ett ikonformat

JPG är byggt för fotografier och saknar transparens; ICO är en behållare som rymmer flera små kvadratiska bitmappar samtidigt. Att konvertera mellan dem är ingen omdöpning — bilden måste omsamplas till 16, 32 och 48 pixlar och packas i en enda fil. Det här verktyget gör precis det och skriver en riktig favicon.ico med flera upplösningar, så att webbläsare kan välja den storlek de behöver för fliken, bokmärkesfältet eller en skrivbordsgenväg.

Beskär fotot till något läsbart

En JPEG är oftast ett foto, och foton överlever sällan att krympas till 16 pixlar. Använd kontrollerna för utfyllnad och form för att dra in motivet, lägg till en enfärgad bakgrund så att kanterna förblir rena, och håll koll på förhandsvisningen i realtid och den efterliknade webbläsarfliken för att se om det fortfarande går att läsa i flikstorlek. Hela uppsättningen — favicon.ico, apple-touch-icon, PWA-ikoner och en HTML-kodsnutt — laddas ner som en zip-fil.

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.