UltKit

Konvertera bild till ICO

Skapa en favicon.ico eller en Windows-ikon av den bild du har: en logotyp i PNG, en SVG från din formgivare, en JPG från ett varumärkespaket eller till och med ett mobilfoto. Filen innehåller flera storlekar. Nedan ser du vilken källbild som fungerar bäst och vilka andra ikonfiler varje plattform förväntar sig.

Bildkonverterare

eller släpp JPG, JPEG, JPE …-filer här ·

Max 95 MB per fil· Upp till 20 filer· Raderas efter 30 minuter

Utdata

Filerna bearbetas på våra servrar och raderas efter 30 minuter.

Så använder du verktyget

  1. 1

    Välj den renaste källbilden du har

    Ladda upp bilden som du vill ha som ikon, helst en kvadratisk logotyp eller symbol på 256 × 256 px eller större.

  2. 2

    Låt Ikonstorlekar stå på Alla

    Under Avancerade inställningar står Ikonstorlekar på Alla storlekar (16–256) från början. Välj bara en enskild storlek om ett program kräver exakt en.

  3. 3

    Konvertera och testa

    Klicka på Konvertera till ICO, ladda ner filen och titta på den i en webbläsarflik eller på skrivbordet innan du publicerar den.

Svar

Hur gör jag om en bild till en ICO-ikon?

Ladda upp en kvadratisk bild på minst 256 × 256 px, låt Ikonstorlekar stå kvar på Alla storlekar (16–256) och klicka på Konvertera till ICO. Du får en fil med versioner på 16, 32, 64, 128 och 256 px, redo att användas som favicon.ico eller som ikon för en Windows-genväg.

Bild till ICO: vilken källbild du ska utgå från

ICO är Microsofts ikonbehållare, lika gammal som Windows självt. Den lagrar inte en bild utan en liten katalog av bilder, och sedan Windows Vista kan den största posten, 256 px, vara PNG-komprimerad. Webbläsarna tog över formatet 1999, när Internet Explorer 5 började begära /favicon.ico från varje webbplats.

Eftersom konverteraren skalar ner bilden till så lite som 16 px avgör källbilden resultatet mycket mer än någon inställning. Rangordna det du har innan du laddar upp, och beskär den kvadratisk först om den är bred. Verktyget beskär bild ställer in en 1:1-ram på några sekunder.

  1. Vektorlogotyp (SVG, EPS, AI)

    Rastreras på nytt i varje storlek, så kanterna förblir skarpa. Bäst om din designer kan skicka en sådan.

  2. Transparent PNG eller WebP

    Behåller den genomskinliga bakgrunden som flikfältet lyser igenom. Utgå från 256 px eller mer.

  3. JPG, HEIC eller en skärmbild

    Fungerar, men den kvadratiska bakgrunden följer med. Fyll eller beskär den så att hörnen ser avsiktliga ut.

Var varje plattform letar efter sin ikonfil

1:1

32 × 32 px

favicon.ico (webbläsarflik)

16 och 32 px visas i flikar och bokmärken. ICO-filen från den här sidan täcker båda

1:1

256 × 256 px

Windows-genväg eller .exe

Vyer med stora ikoner och skärmar med hög DPI väljer posten på 256 px

1:1

180 × 180 px

apple-touch-icon.png

PNG, inte ICO. Används när någon lägger till webbplatsen på iPhones hemskärm

1:1

512 × 512 px

Ikon i webbappens manifest

PNG som listas i manifest.json, tillsammans med en version på 192 px, för installerbara webbappar

ANY I

Valfri bild

Verktyget accepterar vanliga bildformat, bland annat JPG, PNG, WebP, HEIC, GIF, BMP och TIFF. Formatet identifieras automatiskt från filen, så du behöver inte veta vilken typ av bild du har.

Any image-omvandlare

ICO

Windows-ikon

ICO är Microsofts ikonformat som används för programikoner i Windows och favicons på webbplatser. En .ico-fil kan innehålla flera bilder i olika storlekar, till exempel 16×16, 32×32, 48×48 och 256×256 pixlar, så att systemet kan välja den som passar bäst. Varje bild kan lagras som bitmapp eller som PNG-data och stöder full alfatransparens. ICO är inte avsett för foton eller stora illustrationer. Webbläsare, Windows och de flesta ikonredigerare kan läsa det.

Komprimering
Förlustfri
Transparens
Ja
Animation
Nej
Introducerades
Microsoft
ICO-omvandlare

Man konverterar en godtycklig bild till ICO eftersom en webbläsarflik, en Windows-genväg eller ett installationsprogram kräver en .ico-fil och den enda grafiken man har är en logotyp, en skärmbild eller ett foto i något annat format. Att plocka ut en PNG ur en ICO är motsatsen, återskapande av grafik.

Läsbarhetstestet vid 16 px innan du konverterar till ICO

I 16 × 16 px har en ikon totalt 256 pixlar. En hel ordbild blir en grå fläck, medan en enda fet bokstav eller symbol klarar sig. Förminska källbilden till 16 px i valfri bildvisare innan du konverterar och fråga dig om du skulle känna igen den bland 30 öppna flikar.

Kontrast är lika viktig som form. Flikar visas i både ljusa och mörka webbläsarteman, så en svart logotyp på transparent bakgrund kan försvinna i mörkt läge. En tunn ljus kontur eller en solid rundad kvadrat bakom symbolen gör den synlig i båda. För macOS-appar behöver du ICNS i stället. PNG till ICNS skapar den filen av samma grafik.

Frågor om bild till ICO

Vilka bildformat kan bli en ICO på den här sidan?

Alla bilder som konverteraren kan läsa, bland annat PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD och RAW från kamera. En transparent PNG eller en SVG ger renast kanter. En JPG fungerar, men den har kvar sin rektangulära bakgrund.

Räcker favicon.ico, eller behöver jag fler ikonfiler?

Filen .ico täcker webbläsarflikar och bokmärken överallt. iPhone och iPad letar efter en PNG på 180 × 180 px med namnet apple-touch-icon, och Chrome erbjuder bara att installera en webbplats som app när webbmanifestet listar PNG-ikoner på 192 och 512 px.

Behöver Windows en bild på 48 px i ICO-filen?

Utforskarens vy med medelstora ikoner ritar ikoner i 48 px. Om filen saknar en post på 48 px skalar Windows den närmast större, här bilden på 64 px, vilket oftast ser bra ut för kraftfull grafik. Fina linjer kan bli suddiga.

Kan en ICO visa olika motiv vid 16 px och vid 256 px?

Formatet tillåter det, och systemikoner använder ofta en förenklad teckning för de minsta storlekarna. Den här konverteraren skalar en och samma bild till alla storlekar. Om din 16 px-version behöver en egen teckning exporterar du den grafiken separat och konverterar den med Ikonstorlekar inställt på 16 px.

Hur kontrollerar jag att ikonen går att läsa vid 16 px innan jag konverterar?

Förminska den till 16 px i valfritt redigeringsprogram och titta på den i 100 %. Om du inte kan se vad det är ska du skära bort detaljer: ta bort sloganen, behåll initialen eller symbolen och gör tunna linjer tjockare.

Var på webbplatsen ska favicon.ico laddas upp?

Lägg den i webbplatsens rotkatalog så att den nås på /favicon.ico, eftersom webbläsare begär den adressen även när ingen tagg pekar dit. Med en link-tagg med rel="icon" i sidhuvudet kan du placera den någon annanstans.