Gör om en PNG-bild till en ICO-fil att använda som favicon på din webbplats eller som ikon i Windows. ICO-filen innehåller flera storlekar, från 16 till 256 pixlar, så att ikonen ser skarp ut överallt, och den behåller PNG-bildens genomskinlighet. Gratis, utan konto och utan vattenstämpel.
Så konverterar du PNG till ICO
- Välj din PNG-bild. Helst ska den vara kvadratisk, ha genomskinlig bakgrund och vara minst 256 × 256 pixlar.
- Klicka på ”Konvertera till ICO”.
- Ladda ned ICO-filen. Om du konverterade flera bilder får du en ZIP-fil med en ikon per bild.
Vad en ICO-fil är
ICO är Windows ikonformat och det klassiska formatet för favicon, den lilla ikonen som visas i webbläsarens flikar, i bokmärken och i sökresultat. Det speciella är att en enda fil lagrar flera storlekar av samma bild, och varje program använder den det behöver.
Vår ICO-fil innehåller de här storlekarna, så länge din bild är minst så stor (vi förstorar aldrig bilden, så att den inte blir suddig):
| Storlek | Var den används |
|---|---|
| 16 × 16 och 24 × 24 | Webbläsarens flikar, adressfältet |
| 32 × 32 | Aktivitetsfältet i Windows, genvägar |
| 48 × 48 | Skrivbordet i Windows; Google rekommenderar favicons i den här storleken eller större |
| 64 × 64 och 128 × 128 | Medelstora och stora ikoner i Utforskaren |
| 256 × 256 | Extra stora ikoner och skärmar med hög upplösning |
Så förbereder du bilden
- Kvadratisk: är den inte det centrerar vi den på en genomskinlig kvadratisk bakgrund för att inte förvränga den, men den ser då mindre ut i ikonen.
- Med genomskinlig bakgrund, så att ikonen smälter in mot alla flik- och skrivbordsfärger.
- Enkel: vid 16 pixlar försvinner fina detaljer och lång text. En symbol eller en initial fungerar bättre än en hel logotyp.
- 256 × 256 pixlar eller större, så att alla storlekar skapas.
Så lägger du till din favicon på webbplatsen
Ladda upp filen till webbplatsens rotkatalog som favicon.ico: webbläsarna letar automatiskt efter den där. Vill du ange den uttryckligen lägger du till den här raden i <head> på dina sidor:
<link rel="icon" href="/favicon.ico" sizes="any">
Använder du WordPress behöver du ingen ICO-fil: under Utseende › Anpassa › Webbplatsidentitet › Webbplatsikon kan du ladda upp en kvadratisk PNG på minst 512 × 512 pixlar direkt.
Begränsningar
- Den största storleken för en ICO-ikon är 256 × 256 pixlar.
- Är PNG-bilden animerad (APNG) används bara den första bildrutan.
- Upp till 20 filer åt gången, 20 MB per fil, 100 MB totalt och 100 megapixlar per bild.
Vanliga frågor
Vilka storlekar innehåller ICO-filen?
Upp till sju: 16, 24, 32, 48, 64, 128 och 256 pixlar, alla kvadratiska. Bara de storlekar som inte överskrider din bild tas med, så den förstoras aldrig och blir inte suddig.
Hur lägger jag till min favicon på webbplatsen?
Ladda upp filen till webbplatsens rotkatalog som favicon.ico. Webbläsarna letar efter den där som standard, och du kan också hänvisa till den i sidornas head med en link rel="icon"-tagg.
Behöver jag en favicon.ico om jag redan har en favicon i PNG eller SVG?
Det är inte obligatoriskt, men fortfarande en bra idé: vissa äldre webbläsare och verktyg, flödesläsare och program som sparar genvägar frågar direkt efter /favicon.ico.
Varför ser min ikon suddig ut eller förlorar detaljer vid 16 pixlar?
Eftersom 16 × 16 pixlar är en mycket liten yta: tunna linjer och text får inte plats. Använd en förenklad version av din logotyp, som en symbol eller en initial med god kontrast.
Kan jag använda ICO-filen för att byta ikon på en mapp i Windows?
Ja. Högerklicka på mappen, gå till Egenskaper › Anpassa › Byt ikon och välj ICO-filen. Windows använder rätt storlek för varje vy i Utforskaren.