SVG in ICO umwandeln - jede Größe aus dem Vektor gezeichnet
Eine ICO ist kein einzelnes Bild, sondern ein Behälter mit mehreren, und der Browser nimmt sich das passende für die jeweilige Stelle. Dieses Werkzeug füllt ihn mit sechs: 16, 32, 48, 64, 128 und 256 Pixel im Quadrat. Der eigentliche Gewinn beim Start von einer SVG ist, dass jede dieser Größen einzeln aus deiner Originalgeometrie gezeichnet wird, statt einmal bei 256 gerendert und fünfmal verkleinert zu werden. Genau darin liegt der Sinn der Vektorquelle, und bei Grafik mit harten Kanten entscheidet das zwischen einem lesbaren Symbol und einem grauen Fleck - wir haben es gemessen, die Zahlen stehen auf dieser Seite. Alles läuft auf deinem eigenen Gerät: Die Datei wird von deinem Browser gelesen, sechsmal gerendert, in eine ICO gepackt und zurückgegeben. Nichts wird hochgeladen und nichts gespeichert.
So verwendest du dieses Tool
SVG hineinziehen
Ziehe eine SVG auf das Feld oben oder klicke zum Auswählen, bis 5 MB. Die Datei wird nach ihrem Inhalt geprüft und nicht nach ihrem Namen, falsch Benanntes wird also abgelehnt statt halb gerendert.
Die 16-Pixel-Vorschau ansehen
Das Feld zeigt deine Grafik in 16, 32 und 48 Pixeln, in Originalgröße, gerendert über denselben Weg wie die echte Ausgabe. Ist die 16-Pixel-Fassung hier unleserlich, wird sie es auch im Browser-Tab sein, und kein Konverter kann das für dich beheben.
ICO erstellen
Klicke auf „ICO erstellen“. Deine Zeichnung wird sechsmal einzeln gerendert - 16, 32, 48, 64, 128 und 256 Pixel - und jedes Ergebnis wird als PNG kodiert und in den Behälter gepackt, das größte zuerst.
Als favicon.ico speichern
Lade die Datei herunter und lege sie ins Wurzelverzeichnis deiner Seite. Browser, Windows-Verknüpfungen und Feed-Reader fragen per Konvention nach /favicon.ico, und jedes nimmt sich die Größe, die zur Anzeigestelle passt.
Häufig gestellte Fragen
Welche Größen stecken in der Datei?
Sechs: 16, 32, 48, 64, 128 und 256 Pixel im Quadrat. Sechzehn ist der Browser-Tab, 32 die Taskleiste und Lesezeichenleiste, 48 der Windows-Desktop, und die drei größeren decken hochauflösende Bildschirme und die Großsymbolansicht im Explorer ab. Jede ist eine vollständige PNG im Behälter.
Warum ist es wichtig, jede Größe einzeln zu rendern?
Weil Herunterskalieren Details wegmittelt. Wir haben eine Pixelart-Marke auf beide Arten mit 16 × 16 gerendert: Direkt aus dem Vektor gezeichnet ergab das 141 vollständig deckende Pixel und null halbtransparente. Aus einem 512-Pixel-Rendering verkleinert enthielt dasselbe Raster 98 deckende und 64 teiltransparente Pixel - 40 Prozent wurden zu Unschärfe.
Sieht es immer schärfer aus als eine verkleinerte Fassung?
Nein, und es lohnt zu wissen wann. Der Gewinn ist groß bei Grafik, deren Kanten auf dem Pixelraster liegen: geometrische Marken, Pixelart, alles mit shape-rendering. Bei einem dünnen Strichsymbol sind beide fast identisch, denn eine 2 Einheiten breite Linie auf 24 Einheiten liegt bei 16 Pixeln so oder so unter anderthalb Pixeln.
Brauche ich 2026 überhaupt noch eine ICO?
Ja, als Rückfallebene und nicht als Hauptsache. Alle aktuellen Browser bevorzugen ein SVG- oder PNG-Favicon, wenn du eins angibst, aber Windows-Verknüpfungen, RSS-Reader und ein langer Schwanz eingebetteter Browser fragen weiterhin direkt nach /favicon.ico. Eine kleine Datei verhindert kaputte Symbole an Stellen, die du nie testest.
Bleibt die Transparenz erhalten?
Ja. Jede Größe liegt als PNG im Behälter, samt Alphakanal, alles, was deine SVG nicht bemalt, bleibt also durchsichtig. Bei Symbolen zählt das mehr als sonst irgendwo, denn Tabs, Taskleisten und Lesezeichenleisten haben alle unterschiedliche Farben, und ein weißer Kasten fällt auf jeder davon auf.
Meine 16-Pixel-Vorschau ist unleserlich - was tun?
Vereinfachen, nicht schärfen. Bei 16 Pixeln hast du insgesamt 256 davon, feine Striche, kleine Schrift und dichtes Detail überleben das nicht. Die meisten guten Symbole sind in dieser Größe eine einzige kräftige Form. Zeichne lieber eine eigene vereinfachte Fassung für kleine Größen, als auf einen Konverter zu hoffen.
Warum steht die größte Größe zuerst in der Datei?
Weil manche Windows-Shell-Versionen den ersten brauchbaren Eintrag nehmen, statt den besten zu suchen. Das 256-Pixel-Bild zuerst zu schreiben sorgt dafür, dass diese die hochauflösende Fassung bekommen, und alle anderen lesen ohnehin das ganze Verzeichnis und wählen korrekt. Es kostet nichts und vermeidet eine unsichtbare Fehlerklasse.
Kann eine ICO Größen über 256 Pixel enthalten?
Nein. Der Verzeichniseintrag speichert Breite und Höhe in je einem Byte, 256 ist also die Decke - und wird als Null abgelegt, die eine echte Eigenheit des Formats. Für alles Größere willst du eine PNG: Nimm unser SVG-zu-PNG-Werkzeug und stelle die gewünschte Pixelgröße ein.
Kann ich dieselbe ICO für eine Windows-Anwendung nutzen?
Ja - der erzeugte Behälter ist eine reguläre ICO mit mehreren Größen, genau das erwartet der Ressourcenbereich einer Windows-Programmdatei. Richte deinen Installer oder dein Build-Werkzeug darauf. Beachte, dass 256-Pixel-Einträge als PNG statt als rohe Bitmap gespeichert werden, was Windows seit Vista klaglos liest.
Ladet ihr meine Datei hoch?
Nein. Rendern, Kodieren und Packen passieren alle in deinem Browser. Deine Grafik wird nie an einen Server geschickt, landet nirgends außer in deinem eigenen Download-Ordner, und es gibt keine Warteschlange - die einzige Grenze ist dein Gerät.
Das könnte dich auch interessieren
Funktioniert etwas nicht? Fehler melden