Så konverterar du PNG till ICO
Välj storlekar
16, 32 och 48 pixlar för en favikon; lägg till 256 för en Windows-ikon.
Lägg till bilden
En kvadratisk PNG med genomskinlig bakgrund fungerar bäst. Andra former anpassas eller beskärs till en kvadrat.
Ladda ner ICO-filen
En .ico-fil per bild, klar att använda.
Skapas på din enhet
Ikonen byggs av din egen webbläsare: bilden skalas om och packas i ICO-filen lokalt. Ingenting laddas upp, och bilduppgifter som platsen hamnar aldrig i ikonen.
Så använder du ICO-filen
En ICO-fil är en liten behållare med samma ikon i flera storlekar, så att varje ställe som visar den kan välja den skarpaste. Webbläsare använder den som favikon i flikar och bokmärken; Windows använder den för program, genvägar och mappar.
Lägga till en favikon på webbplatsen
Döp filen till favicon.ico och lägg den i webbplatsens huvudmapp – webbläsare letar efter den där automatiskt. Du kan också peka på den i sidornas head:
<link rel="icon" href="/favicon.ico" sizes="any">
| Storlek | Var den används |
|---|---|
| 16 px | Flikar och bokmärken i webbläsaren |
| 32 px | Flikar på högupplösta skärmar, aktivitetsfältet |
| 48 px | Genvägar och mappar i Windows |
| 256 px | Stora skrivbordsikoner i Windows |
Har du en SVG-logotyp? Gör om den till PNG först med SVG till PNG. Vill du göra bilden mindre först, ändra storlek på den.
Vanliga frågor
Vilka storlekar behöver en favikon?
Webbläsare visar favikoner i 16 och 32 pixlar, och Windows använder 48 för genvägar. En ICO med 16, 32 och 48 täcker allt. Mobiler föredrar en separat PNG-ikon på 180 eller 192 pixlar.
Behålls transparensen?
Ja. Varje storlek sparas som PNG inuti ikonen, med full transparens.
Vad händer om bilden inte är kvadratisk?
Välj "Anpassa, med genomskinliga kanter" för att behålla hela bilden, eller "Beskär till kvadrat" för att ta mittdelen.
Blir en liten bild suddig?
En ikon behöver exakt de storlekar du väljer, så en liten bild förstoras för de större. Utgå från en bild som är minst lika stor som den största storleken – 256 pixlar för Windows-ikoner.
Fungerar det med JPG-foton?
Ja, alla bilder fungerar. JPG har ingen transparens, så bakgrunden i ett foto blir kvar som den är.
Laddas mina bilder upp?
Nej. Allt sker i din webbläsare.