UltKit

ICO til SVG-konverter

Læg et Windows-ikon eller favicon i en .svg-fil til programmer, der kun accepterer SVG. Ikonets pixels forbliver pixels, så her kan du også se, hvordan du får rigtige vektorstier eller blot en større PNG.

Billedkonverter

eller slip JPG, JPEG, JPE …-filer her ·

Maks. 95 MB pr. fil· Op til 20 filer· Slettes efter 30 minutter

Output

Filer behandles på vores servere og slettes efter 30 minutter.

Sådan bruger du værktøjet

  1. 1

    Upload .ico-filen

    En favicon.ico fra et websted eller et ikon fra et Windows-program. Op til 20 filer ad gangen.

  2. 2

    Tryk på Konvertér til SVG

    Det største billede i ICO-filen placeres i et SVG-dokument med bevaret gennemsigtighed.

  3. 3

    Vælg, hvad du skal bruge bagefter

    Brug SVG-filen, som den er, spor den til skalerbare stier, eller udtræk en PNG, hvis du kun skulle bruge billedet.

Svar

Gør konvertering af ICO til SVG ikonet skalerbart?

Nej. En ICO indeholder kun bitmaps, så SVG-filen pakker det største af dem ind med pixels og gennemsigtighed. Spor ikonet, hvis det skal være skarpt i alle størrelser. Udtræk en PNG, hvis du vil have en større billedfil.

Denne side

Indpakket SVG

ICO-filens største bitmap i en .svg-fil.

  • Ser præcis ud som ikonet
  • Gennemsigtighed bevaret
  • Bliver uskarpt ved forstørrelse
Bedst til: Upload, der kun accepterer filtypen .svg
Sporing

Sporet SVG

Kanter omdannet til vektorstier med billede til SVG.

  • Skalerer til enhver størrelse
  • Redigerbare farver og former
  • Små detaljer kan blive forenklet
Bedst til: Logoer, skæremaskiner, tryk
Udtræk

PNG fra ICO

Det største ikonbillede gemt som PNG.

  • Kan åbnes overalt
  • Tabsfri og gennemsigtig
  • Fast pixelstørrelse
Bedst til: Dokumenter, slides og editorer

ICO til SVG: en indpakning af pixels, ikke en vektor

ICO-formatet stammer fra Windows 1.0 i 1985 og blev favicon-formatet, da Internet Explorer 5 i 1999 begyndte at lede efter /favicon.ico. Én fil indeholder flere kvadratiske bitmaps, så Windows og browsere kan vælge den størrelse, der passer: 16 px til en browserfane, 32 eller 48 px til proceslinjen og skrivebordet og siden Windows Vista billeder på 256 px gemt som komprimerede PNG-data. Intetsteds i den struktur findes en sti, en kurve eller en fyldfarve.

SVG, et W3C-format siden 2001, kan indeholde begge slags indhold: vektorformer og indlejrede bitmaps. Når en ICO konverteres, er det eneste ærlige resultat den anden slags. SVG-filen får ikonets bredde og højde og ét billedelement med pixels, så den ser præcis ud som ICO-filen i en browser, i Figma eller på et slide. Zoom ind, og du ser de samme pixels, fordi intet er tegnet om.

Ikonstørrelser i en ICO-fil, og hvorfor den største betyder noget

1:1

16 × 16 px

Favicon i browserfane

For lille til god sporing

1:1

32 × 32 px

Fane med høj pixeltæthed, proceslinje

Almindelig topstørrelse i favicon.ico

1:1

48 × 48 px

Skrivebordsikon (Windows)

Findes i de fleste programikoner

1:1

256 × 256 px

Visning med store ikoner

Bedste kilde til sporing eller en PNG

ICO

Windows-ikon

ICO er Microsofts ikonformat, der bruges til programikoner i Windows og favicons på websteder. Én .ico-fil kan indeholde flere billeder i forskellige størrelser, f.eks. 16×16, 32×32, 48×48 og 256×256 pixel, så systemet kan vælge den bedste. Hvert billede kan gemmes som bitmap eller som PNG-data og understøtter fuld alfagennemsigtighed. ICO er ikke beregnet til fotos eller stor grafik. Browsere, Windows og de fleste ikonredigeringsprogrammer kan læse det.

Komprimering
Uden tab
Gennemsigtighed
Ja
Animation
Nej
Introduceret
Microsoft
ICO-konverter

SVG

Scalable Vector Graphics

SVG er et XML-baseret vektorformat, som W3C standardiserede i 2001. I stedet for pixels beskriver det former, stier og tekst, så det forbliver skarpt i enhver størrelse og som regel er meget lille til logoer og ikoner. Det understøtter gennemsigtighed, CSS-styling, scripting og animation, og alle browsere gengiver det direkte. SVG egner sig ikke til fotografier, og komplekse illustrationer kan blive langsomme at gengive. Illustrator, Inkscape, Figma og browsere kan åbne og redigere det.

Komprimering
–
Gennemsigtighed
Ja
Animation
Ja
Introduceret
2001 · W3C
SVG-konverter

Man søger efter ICO til SVG, når et designværktøj, et ikonbibliotek eller en webskabelon kræver SVG, og den eneste kopi af et logo er en favicon eller et Windows-ikon. Det er som regel første skridt mod en sporet vektor.

Vektorisering af et ikon til rigtige SVG-stier

Hvis målet er et logo, der kan skaleres, er den indpakkede SVG i bedste fald et springbræt. Kør ikonet gennem billede til SVG-konverteren: Den følger farvekanter og skriver dem som stier, du kan ændre størrelse på, farvelægge og skære. Resultatet afhænger af kildens størrelse, så et billede på 256 px fra et programikon spores langt bedre end en favicon på 16 px. Vores gennemgang af konvertering af PNG til SVG forklarer, hvor mange farver du bør beholde, og hvordan du udjævner kurverne.

Skal du blot bruge ikonet i et dokument eller en editor, kan du springe SVG over og tage det største billede som PNG med ICO til PNG. Den modsatte vej, fra et vektorlogo til en favicon i flere størrelser, klarer SVG til ICO.

Spørgsmål om ICO til SVG

Kan en ICO-fil blive til en ægte vektor-SVG?

Ikke ved konvertering alene. En ICO indeholder kun bitmaps fra 16 × 16 op til 256 × 256 px, så der er ingen former at overføre. Rigtige stier skal spores ud fra pixels, og det gør billede til SVG-konverteren.

Hvilken af størrelserne i min .ico ender i SVG-filen?

Det største, fordi det har flest detaljer. En typisk favicon.ico går op til 32 eller 48 px, mens et Windows-programikon som regel indeholder en version på 256 px.

Kan den indpakkede SVG bruges som favicon på et websted?

Chrome og Firefox understøtter SVG-favicons, men en SVG, der kun indeholder et bitmap på 32 px, giver ingen fordel i forhold til den ICO, du startede med. En SVG-favicon er det værd, når den indeholder rigtige stier, der forbliver skarpe på skærme med høj pixeltæthed.

Hvorfor giver vektorisering af et favicon klumpede former?

Et ikon på 32 px har kun 1.024 pixels, og sporing gætter kurverne ud fra kanterne. Jo færre pixels, desto grovere gæt. Spor billedet på 256 px fra et Windows-ikon, eller find det oprindelige logo, for at få rene konturer.

Bevares ikonets gennemsigtige baggrund?

Ja. ICO-billeder har en alfakanal, og SVG-filen bevarer den, så ikonet ligger på den baggrund, som siden eller designværktøjet har.

Kan jeg ændre ikonets farver i Inkscape eller Figma bagefter?

Ikke form for form, fordi SVG-filen indeholder ét indlejret billede. Du kan anvende filtre eller overlays på det som helhed; spor det først, hvis du vil have farver pr. form.