Konvertera ICO till SVG

Lägg en Windows-ikon eller favicon i en .svg-fil för program som bara tar emot SVG. Ikonens pixlar förblir pixlar, så här ser du också hur du får riktiga vektorbanor eller helt enkelt en större PNG.

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

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

Utdata

Konvertera till

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

Så använder du verktyget

1
Ladda upp .ico-filen
En favicon.ico från en webbplats eller en ikon från ett Windows-program. Upp till 20 filer per omgång.
2
Klicka på Konvertera till SVG
Den största bilden i ICO-filen placeras i ett SVG-dokument med bevarad transparens.
3
Bestäm vad du behöver sedan
Använd SVG-filen som den är, vektorisera den till skalbara banor eller extrahera en PNG om du bara ville ha bilden.

Svar

Blir ikonen skalbar när man konverterar ICO till SVG?

Nej. En ICO innehåller bara bitmappar, så SVG-filen omsluter den största av dem, med pixlar och transparens. För en ikon som är skarp i alla storlekar ska du vektorisera den; för en större bildfil kan du extrahera en PNG.

Den här sidan

Omsluten SVG

ICO-filens största bitmapp i en .svg-fil.

Ser exakt ut som ikonen
Transparensen bevaras
Blir suddig vid förstoring

Vektorisering

Vektoriserad SVG

Kanter som omvandlats till vektorbanor med bild till SVG.

Skalas till valfri storlek
Redigerbara färger och former
Små detaljer kan förenklas

Extrahera

PNG från ICO

Den största ikonbilden sparad som PNG.

Öppnas överallt
Förlustfri och transparent
Fast pixelstorlek

ICO till SVG: ett skal runt pixlar, inte en vektor

ICO-formatet går tillbaka till Windows 1.0 år 1985 och blev favicon-formatet när Internet Explorer 5 började leta efter /favicon.ico 1999. En fil rymmer flera kvadratiska bitmappar så att Windows och webbläsare kan välja den storlek som passar: 16 px för en webbläsarflik, 32 eller 48 px för aktivitetsfältet och skrivbordet och, sedan Windows Vista, bilder på 256 px lagrade som komprimerad PNG-data. Ingenstans i den strukturen finns en bana, en kurva eller en fyllning.

SVG, ett W3C-format sedan 2001, kan innehålla båda slagen: vektorformer och inbäddade bitmappar. När en ICO konverteras är den enda ärliga utdatan den andra sorten. SVG-filen får ikonens bredd och höjd samt ett bildelement med pixlarna, så den visas precis som ICO-filen i en webbläsare, i Figma eller i en presentation. Zooma in och du ser samma pixlar, eftersom inget har ritats om.

Ikonstorlekar i en ICO-fil och varför den största spelar roll

1:1

16 × 16 px

Favicon i webbläsarflik

För liten för att vektoriseras bra

1:1

32 × 32 px

Flik med hög pixeltäthet, aktivitetsfält

Vanlig toppstorlek för favicon.ico

1:1

48 × 48 px

Skrivbordsikon (Windows)

Finns i de flesta programikoner

1:1

256 × 256 px

Vyn Stora ikoner

Bästa källan för vektorisering eller PNG

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

SVG

Scalable Vector Graphics

SVG är ett XML-baserat vektorformat som W3C standardiserade 2001. I stället för pixlar beskriver det former, banor och text, så det förblir skarpt i alla storlekar och är oftast mycket litet för logotyper och ikoner. Det stöder transparens, CSS-formatering, skript och animation, och alla webbläsare återger det direkt. SVG lämpar sig inte för foton, och komplexa illustrationer kan bli långsamma att rendera. Illustrator, Inkscape, Figma och webbläsare kan öppna och redigera det.

Komprimering: –
Transparens: Ja
Animation: Ja
Introducerades: 2001 · W3C

SVG-omvandlare

Man söker efter ICO till SVG när ett designverktyg, ett ikonbibliotek eller en webbmall kräver SVG och den enda kopian av en logotyp är en favicon eller en Windows-ikon; det är oftast första steget mot en vektoriserad bild.

Vektorisera en ikon till riktiga SVG-banor

Om målet är en logotyp som skalas är den omslutna SVG-filen i bästa fall ett mellansteg. Kör ikonen genom bild till SVG-konverteraren: den följer färgkanterna och skriver dem som banor som du kan ändra storlek på, färglägga om och skära ut. Resultatet beror på källans storlek, så en bild på 256 px från en programikon vektoriseras betydligt bättre än en favicon på 16 px. Vår genomgång om att konvertera PNG till SVG visar hur många färger du bör behålla och hur du jämnar ut kurvorna.

Om du bara ville använda ikonen i ett dokument eller en redigerare kan du hoppa över SVG helt och ta den största bilden som PNG med ICO till PNG. Åt andra hållet, från en vektorlogotyp till en favicon i flera storlekar, används SVG till ICO.

Frågor om ICO till SVG

Kan en ICO-fil bli en riktig vektor-SVG?

Inte enbart genom konvertering. En ICO innehåller bara bitmappar, från 16 × 16 upp till 256 × 256 px, så det finns inga former att föra över. Riktiga banor måste spåras fram ur pixlarna, vilket bild till SVG-konverteraren gör.

Vilken av storlekarna i min .ico hamnar i SVG-filen?

Den största, eftersom den innehåller flest detaljer. En typisk favicon.ico går som mest upp till 32 eller 48 px, medan en programikon i Windows oftast har en version på 256 px.

Fungerar den inbäddade SVG-filen som favicon på en webbplats?

Chrome och Firefox godkänner SVG-favicons, men en SVG som bara innehåller en bitmapp på 32 px ger ingen vinst jämfört med den ICO du började med. En SVG-favicon är värd det när den innehåller riktiga banor som förblir skarpa på skärmar med hög pixeltäthet.

Varför blir formerna klumpiga när jag vektoriserar en favicon?

En ikon på 32 px har bara 1 024 pixlar, och vektoriseringen gissar kurvor utifrån kanterna. Ju färre pixlar, desto grövre gissning. Vektorisera bilden på 256 px från en Windows-ikon, eller leta upp originallogotypen, för rena konturer.

Behålls ikonens transparenta bakgrund?

Ja. ICO-bilder har en alfakanal och SVG-filen behåller den, så ikonen ligger på vilken bakgrund sidan eller designverktyget än har.

Kan jag färga om ikonen i Inkscape eller Figma efteråt?

Inte form för form, eftersom SVG-filen innehåller en inbäddad bild. Du kan lägga filter eller överlägg på den som helhet; vektorisera den först om du vill ha färger per form.