Favicon-generator
Släpp din logotyp en gång och få alla ikoner som en webbplats behöver, med koden att klistra in på dina sidor.
Förseglat på den här enheten
Körs i din webbläsare. Inget laddas upp.
Förseglat
Din ikon
Kod till dina sidor
Lägg filerna från ZIP-filen i roten på din webbplats och klistra sedan in den här koden i <head> på varje sida.
Så fungerar det
-
Lägg till din logotyp
Släpp en SVG, PNG eller JPG, välj den eller klistra in den. En kvadratisk bild på minst 512 × 512 pixlar ger de skarpaste ikonerna.
-
Justera utseendet
Lägg till en inre marginal, en bakgrundsfärg eller rundade hörn och kontrollera resultatet i en webbläsarflik och på en mobils hemskärm.
-
Ladda ner och klistra in koden
Ladda ner ZIP-filen, lägg filerna i roten på din webbplats och klistra sedan in koden i <head> på dina sidor.
Vanliga frågor
Vilka filer får jag?
En favicon.ico-fil med ikonerna i 16, 32 och 48 pixlar, PNG-ikoner i 16, 32, 48, 192 och 512 pixlar, en apple-touch-icon.png på 180 pixlar för iPhone och iPad, och en site.webmanifest-fil som låter Android använda dina ikoner på 192 och 512 pixlar. Ladda ner dem en och en eller alla tillsammans i en ZIP-fil.
Var ska jag lägga filerna?
I roten på din webbplats, bredvid startsidan, så att de kan nås på adresser som /favicon.ico. Klistra sedan in koden som visas under förhandsvisningen i <head> på varje sida. Webbläsare letar också efter /favicon.ico på egen hand, så även sidor utan koden får din ikon.
Hur stor ska min bild vara?
Kvadratisk och minst 512 × 512 pixlar, storleken på den största ikonen. En SVG är perfekt: den ritas skarpt i alla storlekar. En mindre bild fungerar också, men då förstoras de stora ikonerna och ser suddiga ut.
Varför ser min ikon suddig eller för liten ut i webbläsarfliken?
Vid 16 pixlar försvinner fina detaljer och tunn text. Använd en enkel symbol, till exempel en bokstav eller ett tecken, i stället för en hel logotyp med text, håll den inre marginalen liten och välj ”Beskär till kvadrat” om bilden är bred.
Laddas min bild upp?
Nej. Bilden läses, skalas om och sparas i din webbläsare, på din enhet. Den skickas aldrig någonstans.
Varför har Apple touch icon en bakgrund?
iPhone och iPad rundar själva hörnen på hemskärmsikoner och visar transparenta områden i svart. Därför får Apple touch icon alltid en heltäckande bakgrund och raka hörn: din bakgrundsfärg, eller vit om du valde transparent.