ICO in SVG umwandeln

Packen Sie ein Windows-Icon oder Favicon in eine .svg-Datei für Programme, die nur SVG akzeptieren. Die Pixel des Icons bleiben Pixel; deshalb zeigt diese Seite auch, wie Sie echte Vektorpfade oder einfach ein größeres PNG erhalten.

oder JPG, JPEG, JPE …-Dateien hierher ziehen ·

Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten

Ausgabe

Umwandeln in

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

1
Die .ico-Datei hochladen
Eine favicon.ico von einer Website oder ein Symbol aus einem Windows-Programm. Bis zu 20 Dateien pro Durchgang.
2
Auf „Konvertieren in SVG“ klicken
Das größte in der ICO gespeicherte Bild wird mit erhaltener Transparenz in ein SVG-Dokument eingebettet.
3
Entscheiden, was Sie als Nächstes brauchen
Verwenden Sie die SVG-Datei unverändert, vektorisieren Sie sie für skalierbare Pfade oder extrahieren Sie ein PNG, wenn Sie nur das Bild brauchen.

Antwort

Macht die Umwandlung von ICO in SVG das Symbol skalierbar?

Nein. Eine ICO enthält nur Bitmaps, daher verpackt die SVG-Datei das größte davon samt Pixeln und Transparenz. Für ein Symbol, das in jeder Größe scharf bleibt, vektorisieren Sie es; für eine größere Bilddatei extrahieren Sie ein PNG.

Diese Seite

Eingebettetes SVG

Die größte Bitmap der ICO in einer .svg-Datei.

Sieht genau aus wie das Symbol
Transparenz bleibt erhalten
Wird beim Vergrößern unscharf

Vektorisieren

Vektorisiertes SVG

Kanten werden per Bild-in-SVG-Umwandlung zu Vektorpfaden.

Skaliert auf jede Größe
Bearbeitbare Farben und Formen
Kleine Details können vereinfacht werden

Extrahieren

PNG aus ICO

Das größte Symbolbild als PNG gespeichert.

Lässt sich überall öffnen
Verlustfrei und transparent
Feste Pixelgröße

ICO in SVG: eine Hülle um Pixel, kein Vektor

Das ICO-Format stammt aus Windows 1.0 von 1985 und wurde 1999 zum Favicon-Format, als der Internet Explorer 5 begann, nach /favicon.ico zu suchen. Eine Datei enthält mehrere quadratische Bitmaps, damit Windows und Browser die passende Größe wählen können: 16 px für den Browser-Tab, 32 oder 48 px für Taskleiste und Desktop und seit Windows Vista 256-px-Bilder als komprimierte PNG-Daten. Einen Pfad, eine Kurve oder eine Füllung gibt es in dieser Struktur nirgends.

SVG, seit 2001 ein W3C-Format, kann beides enthalten: Vektorformen und eingebettete Bitmaps. Bei der Umwandlung einer ICO ist nur die zweite Art ein ehrliches Ergebnis. Die SVG-Datei erhält Breite und Höhe des Symbols und ein Bildelement mit den Pixeln, sodass sie im Browser, in Figma oder auf einer Folie genau wie die ICO aussieht. Beim Hineinzoomen sehen Sie dieselben Pixel, denn nichts wurde neu gezeichnet.

Icon-Größen in einer ICO-Datei und warum die größte zählt

1:1

16 × 16 px

Favicon im Browser-Tab

Zu klein für gutes Vektorisieren

1:1

32 × 32 px

Tab mit hoher Dichte, Taskleiste

Übliche Maximalgröße einer favicon.ico

1:1

48 × 48 px

Desktopsymbol (Windows)

In den meisten Programmsymbolen enthalten

1:1

256 × 256 px

Ansicht „Große Symbole“

Beste Quelle zum Vektorisieren oder für ein PNG

ICO

Windows-Symbol

ICO ist das Symbolformat von Microsoft, das für Windows-Programmsymbole und Website-Favicons verwendet wird. Eine .ico-Datei kann mehrere Bilder in verschiedenen Größen enthalten, etwa 16×16, 32×32, 48×48 und 256×256 Pixel, damit das System die passendste auswählen kann. Jedes Bild kann als Bitmap oder als PNG-Daten gespeichert werden und unterstützt volle Alpha-Transparenz. ICO ist nicht für Fotos oder große Grafiken gedacht. Browser, Windows und die meisten Symbol-Editoren können es lesen.

Komprimierung: Verlustfrei
Transparenz: Ja
Animation: Nein
Eingeführt: Microsoft

ICO-Konverter

SVG

Scalable Vector Graphics

SVG ist ein XML-basiertes Vektorformat, das das W3C 2001 standardisiert hat. Statt Pixeln beschreibt es Formen, Pfade und Text, bleibt daher in jeder Größe scharf und ist bei Logos und Icons meist winzig. Es unterstützt Transparenz, CSS-Formatierung, Skripte und Animation, und jeder Browser stellt es nativ dar. Für Fotos ist SVG ungeeignet, und komplexe Illustrationen können langsam rendern. Illustrator, Inkscape, Figma und Browser können es öffnen und bearbeiten.

Komprimierung: –
Transparenz: Ja
Animation: Ja
Eingeführt: 2001 · W3C

SVG-Konverter

Nach ICO in SVG wird gesucht, wenn ein Designprogramm, eine Icon-Bibliothek oder eine Website-Vorlage SVG verlangt und das Logo nur als Favicon oder Windows-Symbol vorliegt; meist ist es der erste Schritt zu einer vektorisierten Grafik.

Ein Icon in echte SVG-Pfade vektorisieren

Soll das Logo skalierbar sein, ist die eingebettete SVG bestenfalls ein Zwischenschritt. Schicken Sie das Symbol durch den Bild-in-SVG-Konverter: Er folgt den Farbkanten und schreibt sie als Pfade, die Sie skalieren, umfärben und schneiden können. Das Ergebnis hängt von der Quellgröße ab, ein 256-px-Bild aus einem Programmsymbol lässt sich deutlich besser vektorisieren als ein 16-px-Favicon. Unsere Anleitung zum Umwandeln von PNG in SVG zeigt, wie viele Farben Sie behalten und wie Sie die Kurven glätten.

Wenn Sie das Symbol nur in einem Dokument oder Editor verwenden möchten, überspringen Sie SVG und nehmen Sie das größte Bild mit ICO in PNG als PNG. Den umgekehrten Weg, vom Vektorlogo zum Favicon in mehreren Größen, übernimmt SVG in ICO.

Fragen zum Umwandeln von ICO in SVG

Kann aus einer ICO-Datei ein echtes Vektor-SVG werden?

Nicht durch die Umwandlung allein. Eine ICO enthält ausschließlich Bitmaps von 16 × 16 bis 256 × 256 px, es gibt also keine Formen, die sich übernehmen ließen. Echte Pfade müssen aus den Pixeln nachgezeichnet werden, und genau das übernimmt der Bild-in-SVG-Konverter.

Welche der Größen in meiner .ico-Datei landet im SVG?

Das größte, weil es die meisten Details enthält. Eine typische favicon.ico geht bis 32 oder 48 px, ein Windows-Anwendungssymbol enthält meist eine Version mit 256 px.

Funktioniert das eingebettete SVG als Favicon für eine Website?

Chrome und Firefox unterstützen SVG-Favicons, doch ein SVG, das nur eine 32-px-Bitmap enthält, bringt gegenüber der ursprünglichen ICO keinen Vorteil. Ein SVG-Favicon lohnt sich, wenn es echte Pfade enthält, die auch auf hochauflösenden Displays scharf bleiben.

Warum ergibt das Vektorisieren eines Favicons klumpige Formen?

Ein 32-px-Symbol hat nur 1.024 Pixel, und beim Vektorisieren werden Kurven aus den Kanten geschätzt. Je weniger Pixel, desto gröber die Schätzung. Vektorisieren Sie für saubere Konturen das 256-px-Bild aus einem Windows-Symbol oder suchen Sie das Original-Logo.

Bleibt der transparente Hintergrund des Icons erhalten?

Ja. ICO-Bilder haben einen Alphakanal, den die SVG-Datei beibehält. Das Symbol liegt also auf dem Hintergrund, den die Seite oder das Designprogramm vorgibt.

Kann ich das Icon danach in Inkscape oder Figma umfärben?

Nicht Form für Form, denn die SVG-Datei enthält ein einziges eingebettetes Bild. Filter oder Überlagerungen lassen sich auf das Ganze anwenden; für Farben pro Form vektorisieren Sie das Bild zuerst.