Varför konvertera SVG till ICO?
Windows kräver formatet .ICO för programikoner och skrivbordsgenvägar. Webbplatser placerar en favicon.ico i serverns rot, och en ICO med flera storlekar har fortfarande bredare kompatibilitet än PNG för fästa flikar, genvägar i aktivitetsfältet och äldre webbläsare som automatiskt efterfrågar /favicon.ico. Eftersom SVG är vektorbaserat kan det rastreras i vilken storlek som helst utan kvalitetsförlust, vilket gör det till en idealisk utgångspunkt för ikonskapande.
Hur man konverterar SVG till ICO
GIMP OPEN-SOURCE
Öppna SVG-filen i GIMP i 256 px, använd sedan File > Export As med filändelsen .ico - GIMP stöder ICO nativt och bevarar transparens med 32-bitars djup.
Kommandorad - ImageMagick CLI
Kör magick input.svg -define icon:auto-resize=256,48,32,16 output.ico för att skapa en ICO med flera storlekar i ett enda steg.
Program som konverterar SVG
Om dessa format
.SVG
Scalable Vector Graphics
En SVG-fil är en Scalable Vector Graphics-bild - en öppen W3C-standard som lagrar 2D-grafik som XML-text, vilket gör att den kan skalas till valfri storlek utan att förlora kvalitet. Alla…
Öppna detaljer för .SVG →
.ICO
Windows Icon File
En ICO-fil är en Windows-ikon som används för program, filer, mappar och webbläsarens favicons. En .ico innehåller samma bild i flera storlekar (från 16x16 upp till 256x256) så att Windows…
Öppna detaljer för .ICO →Kvalitet & vad man bör tänka på
- En korrekt ICO bäddar in flera storlekar (16, 32, 48 och 256 px) - en
.icomed endast en storlek kan se suddig ut eller skalas felaktigt av operativsystemet i sammanhang som förväntar sig andra dimensioner. - Exportera med 32-bitars färgdjup för att behålla transparens; 8-bitars (256 färger) utmatning ersätter mjuka kanter och partiell transparens med en hård mask.
- 256 px-platsen inuti en ICO lagras som en komprimerad PNG-ström - detta är avsiktligt, och alla nuvarande versioner av Windows och moderna webbläsare hanterar detta korrekt.
Vanliga frågor
Kan jag använda min SVG som favicon direkt utan att konvertera till ICO?
<link rel="icon">-tagg. ICO behövs fortfarande som en reservlösning för sökvägen /favicon.ico som vissa verktyg och äldre webbläsare efterfrågar automatiskt.
