Favicongenerator
Favicon-generatorn gör om ett eller två tecken eller en emoji till en favicon med den bakgrund, textfärg och form du väljer, och exporterar PNG-filer i 256, 128, 64, 32 och 16 px.
Om verktyget
Favicon-generatorn gör om ett eller två tecken eller en emoji till en favicon med den bakgrund, textfärg och form du väljer, och exporterar PNG-filer i 256, 128, 64, 32 och 16 px.
Så använder du det
- Skriv en eller två bokstäver eller klistra in en emoji.
- Välj bakgrunds- och textfärg.
- Välj kvadratisk, rundad eller cirkelform.
- Ladda ner de PNG-storlekar du behöver.
Bra att veta
- Webbläsare visar favicons i flikar i 16 × 16 px, så tydliga, enkla former syns bäst.
- Moderna webbläsare accepterar PNG-favicons via <link rel="icon" type="image/png" href="/favicon-32.png">.
- Apple touch-ikoner är oftast 180 × 180 px; exporten på 256 px kan skalas om till det.
- Bara de två första tecknen i texten ritas.
- Bilderna ritas med Canvas API på din enhet.
Körs helt i din webbläsare – inget du skriver in laddas upp eller sparas.
Vanliga frågor
Vilken storlek ska en favicon ha?
Ha med minst 32 × 32 px för webbläsarflikar, plus större storlekar som 180 px för Apple touch-ikoner och 192 eller 512 px för webbappmanifest.
Hur lägger jag till en favicon på min webbplats?
Ladda upp PNG-filen och lägg till <link rel="icon" type="image/png" href="/favicon-32.png"> i head i din HTML.
Kan jag använda en emoji som favicon?
Ja. Klistra in en emoji i textfältet och ladda ner PNG-filen; den renderas med ditt systems emoji-typsnitt.
Behöver jag fortfarande en favicon.ico-fil?
Inte för moderna webbläsare, som accepterar PNG. Vissa äldre verktyg och webbläsare letar fortfarande efter /favicon.ico, så många webbplatser behåller en för kompatibilitet.