SVG in ICO umwandeln

Ein Favicon aus einer SVG-Datei ist der Idealfall: Jede Symbolgröße wird neu aus dem Vektor gezeichnet, statt aus einer großen Bitmap herunterskaliert zu werden. So bleibt auch die 16-px-Version so scharf, wie es das Pixelraster zulässt.

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
SVG-Logo hochladen
Verwenden Sie das Logozeichen oder Monogramm, nicht den vollständigen Schriftzug. Mit einer quadratischen viewBox gelingt das sauberste Ergebnis.
2
Alle Symbolgrößen beibehalten
Bei Icon-Größen ist „Alle Größen (16–256)“ voreingestellt; damit landen alle Auflösungen in einer einzigen .ico-Datei. Wählen Sie nur dann eine einzelne Größe, wenn ein Programm genau eine verlangt.
3
Auf „In ICO umwandeln“ klicken
Speichern Sie die Datei als favicon.ico im Stammordner Ihrer Website oder verweisen Sie mit einer Windows-Verknüpfung darauf.

Antwort

Wie wandle ich SVG in ICO für ein Favicon um?

Laden Sie das SVG hoch, lassen Sie Icon-Größen auf „Alle Größen (16–256)“ und klicken Sie auf In ICO umwandeln. Sie erhalten eine .ico-Datei mit allen Auflösungen, aus dem Vektor gerendert und mit erhaltener Transparenz.

SVG in ICO umwandeln: Warum der Vektor die beste Quelle ist

Das .ico-Format stammt aus frühen Windows-Versionen, die Konvention favicon.ico vom Internet Explorer 5 aus dem Jahr 1999, der im Stammverzeichnis jeder mit Lesezeichen versehenen Website nach einer Datei dieses Namens suchte. Eine ICO-Datei ist ein kleiner Container: ein Verzeichnis mit Einträgen, jeweils ein eigenes quadratisches Bitmap, sodass eine Datei ein 16-px-Tab-Icon und ein 256-px-Desktop-Icon nebeneinander enthalten kann. Windows Vista erhöhte das Maximum auf 256 × 256 und erlaubte, diese großen Einträge als PNG zu speichern.

Da jeder Eintrag ein eigenes Bitmap ist, hängt die Qualität eines Icons davon ab, wie jede Größe erzeugt wurde. Aus einem PNG ist jede Größe eine Verkleinerung derselben Pixel. Aus einem SVG ist jede Größe ein neues Rendering der Pfade, mit Kantenglättung für genau dieses Raster. Bei 16 × 16 px, wo einem Logo nur 256 Pixel zur Verfügung stehen, ist dieser Unterschied sichtbar.

1:1

16 × 16 px

16 × 16

Browser-Tabs, Lesezeichen und Verlaufslisten.

1:1

32 × 32 px

32 × 32

Tabs auf Displays mit hoher Pixeldichte, Verknüpfungen in der Windows-Taskleiste.

1:1

64 × 64 px

64 × 64

Skalierte Desktop-Ansichten und angeheftete Elemente.

1:1

128 × 128 px

128 × 128

Große Vorschauen in Dateimanagern.

1:1

256 × 256 px

256 × 256

Der größte ICO-Eintrag; sehr große Symbole im Explorer.

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

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 wird in ICO umgewandelt, weil das Logo als Vektorgrafik vorliegt, das Stammverzeichnis der Website, eine Windows-Verknüpfung oder eine Desktop-App aber weiterhin eine .ico-Datei mit mehreren Bitmap-Größen erwartet.

SVG vorbereiten, bevor Sie SVG in ICO umwandeln

Empfohlen	Vermeiden
Setzen Sie die viewBox auf ein Quadrat, etwa `0 0 512 512`.	Auf haarfeine Linien setzen, die unter 32 px verschwinden.
Lassen Sie einen kleinen Rand, damit das Zeichen den Icon-Rand nicht berührt.	Einen breiten Schriftzug beibehalten, der zu einem dünnen Strich verschmiert.
Wandeln Sie Text in Pfade um, damit sich die Schrift nicht ändert.	Externe Bilder oder Webfonts im SVG referenzieren.
Verwenden Sie das Symbol oder die Initialen, nicht den vollen Namen.	Ein weißes Rechteck hinter das Logo setzen, es sei denn, es soll auch in dunklen Tabs erscheinen.

Der Konverter rendert nur, was das SVG beschreibt; verlinkte Dateien und nicht eingebettete Schriften können nicht geladen werden. Design-Tools wie Figma, Illustrator und Inkscape können Text als Pfade exportieren; dann stimmen die Buchstaben überall mit Ihrer Marke überein.

Ist die .ico-Datei fertig, ergänzen Sie ein PNG mit 180 px für Apple-Touch-Icons und das SVG selbst für Browser mit Unterstützung für Vektor-Favicons; SVG in PNG erzeugt das PNG in jeder Größe. Liegt Ihr Logo stattdessen als Bitmap vor, erledigt PNG in ICO dieselbe Aufgabe aus Pixeln.

SVG in ICO umwandeln: Häufige Fragen

Warum SVG in ICO umwandeln, statt von einer PNG-Datei auszugehen?

Ein PNG muss für jede Icon-Größe verkleinert werden, und beim Verkleinern werden Kanten unscharf. Ein SVG wird direkt in 16, 32, 64, 128 und 256 px gerendert, sodass jede Größe scharfe Kanten für ihr eigenes Pixelraster erhält.

Brauchen Browser noch eine favicon.ico, wenn meine Website ein SVG-Symbol hat?

Chrome und Firefox lesen ein per Link-Tag eingebundenes SVG-Favicon, doch viele Browser, Feedreader und Crawler fordern standardmäßig weiterhin /favicon.ico im Stammverzeichnis an. Mit beiden Dateien sind Sie auf der sicheren Seite.

Was passiert, wenn meine SVG-Datei nicht quadratisch ist?

Icon-Felder sind quadratisch, daher bekommt ein breites Logo entweder leere Ränder oder wirkt winzig. Passen Sie zuerst die viewBox auf gleiche Breite und Höhe an oder schneiden Sie nach dem PNG-Export mit dem Tool Bild zuschneiden eine quadratische Version zu.

Bleibt der transparente Hintergrund in der ICO-Datei erhalten?

Ja. ICO speichert einen Alphakanal, daher bleiben Bereiche ohne Füllung im SVG transparent und das Icon steht sauber auf hellen wie dunklen Browser-Tabs.

Kann ich SVG in ICO für ein Windows-Programm- oder Ordnersymbol umwandeln?

Ja, dieselbe Datei funktioniert. Windows verwendet das 256-px-Bild für große und sehr große Explorer-Ansichten und die kleineren Einträge für Listen und die Taskleiste.

Warum wirkt mein Symbol bei 16 px leer?

Dünne Linien und kleine Schrift verschwinden in dieser Größe. Eine Linie mit 2 Einheiten Stärke auf einer 512-Einheiten-Zeichenfläche wird in einem 16-px-Icon deutlich unter einem Pixel breit dargestellt. Verwenden Sie dickere Linien oder ein einfacheres Zeichen für das Favicon.

SVG in ICO umwandeln

Bild-Konverter