Zum Inhalt springen
ImageConverter

Sichere Umwandlung auf dem Server

SVG in ICO umwandeln

Machen Sie aus einem SVG ein Windows-Symbol (ICO) mit Versionen in 16, 32, 48 und 256 Pixeln. Von allen Umwandlungen auf dieser Website ist dies die, bei der das Ausgangsformat genau das richtige für die Aufgabe ist: Jede Größe wird aus Ihren ursprünglichen Formen gezeichnet, statt aus einer Bitmap verkleinert zu werden.

Automatisch gelöscht Uploads werden innerhalb von 30 Minuten entfernt

Ziehen Sie Ihre SVG-Bilder hierher

Fügen Sie mehrere auf einmal hinzu. Jede Datei wird verarbeitet und danach von unserem Server gelöscht.

Bis zu 20 MB pro Datei Stapelfähig

Schritt für Schritt

So wandeln Sie SVG in ICO um in 3 Schritten

  1. Fügen Sie Ihr SVG hinzu

  2. Es gibt nichts einzustellen

    Jede Standardgröße wird aus dem Vektor gerendert.

  3. Laden Sie Ihre .ico herunter

Formatvergleich

SVG oder ICO

SVG (Scalable Vector Graphics)

Vektor

Beschreibt Formen und Text als Anweisungen statt als Pixel und lässt sich daher in jeder Größe scharf zeichnen.

  • Scharf in jeder Größe, vom Favicon bis zur Plakatwand
  • Sehr kleine Dateien für Logos, Symbole und Diagramme
  • Kann kein Foto darstellen, und viele Apps können es nicht importieren

ICO (Windows-Symbol)

Symbol mit mehreren Größen

Bündelt mehrere Größen desselben kleinen Bildes in einer Datei, für Windows-Symbole und Website-Favicons.

  • Mehrere Symbolgrößen in einer Datei
  • Von jedem Browser als Favicon verstanden
  • Nur für kleine Bilder – jeder Eintrag misst höchstens 256 × 256 Pixel

Warum eine Vektorquelle hier wirklich besser ist

Jeder andere Weg zu einem Symbol geht von einer Bitmap aus und verkleinert sie. Verkleinern mittelt Pixel miteinander, und in den Größen, in denen Symbole leben (16 und 32 Pixel), ist dieses Mitteln brutal. Eine scharfe, ein Pixel breite Linie in einem 256-Pixel-Bild wird bei 16 zu einer blassen grauen Andeutung.

Ein SVG besteht nicht aus Pixeln, sondern aus Anweisungen. Die 16-Pixel-Version wird also bei 16 Pixeln gezeichnet, und der Renderer entscheidet, wie die Kanten in diesem Maßstab liegen, statt sie aus einem größeren Bild abzuleiten. Linien fallen auf ganze Pixel, Formen bleiben geschlossen, und der Kontrast bleibt erhalten.

Der Unterschied ist in einem Browser-Tab deutlich zu sehen, und deshalb halten Designer Symbole als Vektoren vor und exportieren die Bitmaps erst am Ende.

Die Transparenz bleibt so erhalten, wie sie soll

SVG-Designs werden fast immer auf Transparenz gezeichnet, und die wird direkt übernommen. Wo Ihr Design nichts abdeckt, ist das Symbol wirklich transparent, es sieht also auf einem hellen Tab, einem dunklen, einer farbigen Taskleiste oder auf allem anderen gut aus.

Nicht quadratische Designs werden auf einer quadratischen Fläche mit transparentem Rand zentriert statt gestreckt, die Proportionen bleiben also erhalten, und kein Hintergrund wird sichtbar.

Worauf Sie trotzdem achten müssen

Ein Detail, das bei 16 Pixeln unsichtbar ist, ist schlimmer als nutzlos: Es wird zu Rauschen, das die Form verwischt. Hat Ihr Logo dünne Striche, kleinen Text oder eine feine Kontur, werden diese nicht lesbar sein, egal wie gut sie gerendert werden.

Professionelle Symbolsätze lösen das, indem sie für kleine Größen eigene, vereinfachte Designs zeichnen: weniger Elemente, dickere Striche, manchmal nur ein Anfangsbuchstabe. Ist Ihr Symbol wichtig, lohnt sich das: Exportieren Sie ein vereinfachtes SVG, erstellen Sie daraus ein ICO und nutzen Sie es für die kleinen Größen.

Schriften sind eine Falle. Nennt Ihr SVG eine Schrift per Namen, statt die Buchstabenformen einzubetten, ersetzt der Renderer sie durch eine verfügbare, und Ihr Schriftzug-Logo kann in etwas völlig anderem erscheinen. Wandeln Sie den Text vor dem Export in Ihrem Editor in Pfade um.

Qualität

Qualität und Dateigröße

Es gibt keine Qualitätseinstellung. Jede Größe wird aus dem Vektor gerendert und verlustfrei gespeichert, das beste Ergebnis, das aus irgendeiner Quelle möglich ist.

Designregeln, die bei 16 Pixeln wirklich zählen

  • Eine einzige Idee. Eine Marke, ein Buchstabe, eine Silhouette. Keine Szene, kein Schriftzug, kein Logo mit Slogan.
  • Striche nicht dünner als etwa 1/16 der Breite. Alles Dünnere verschwindet in der kleinsten Größe.
  • Guter Kontrast auf Hell und auf Dunkel. Browser-Tabs gibt es in beiden Varianten, und ein Symbol, das auf einer verschwindet, scheitert in der Hälfte der Fälle.
  • Lassen Sie etwas Luft: Ein Design, das bis an den Rand reicht, wirkt neben anderen Tabs gedrängt.

Klein testen, in beiden Designs

Betrachten Sie die 16-Pixel-Version in Originalgröße auf Weiß und auf einem fast schwarzen Hintergrund. Die meisten Symbolprobleme sind in jeder anderen Größe unsichtbar und in dieser offensichtlich.

Für eine Website: das komplette Set

Eine ICO allein reicht seit Jahren nicht mehr. Der Favicon-Generator nimmt dasselbe SVG und erzeugt das ganze moderne Set (die ICO plus die PNG-Größen, nach denen Apple und Android suchen, und die Manifest-Einträge), und genau das braucht eine Website wirklich.

Ist es sicher, ein SVG hochzuladen?

Eine berechtigte Frage, denn SVG ist das einzige Bildformat, das eigentlich ein Programm ist: Es kann Skripte und Verweise auf externe Ressourcen enthalten.

Jedes SVG wird geprüft, bevor irgendetwas es verarbeitet. Dateien, die Dokumenttypen oder Entities deklarieren, Skripte enthalten oder auf externe Ressourcen verweisen, werden direkt abgelehnt statt bereinigt, und zusätzlich ignoriert der Renderer externe Verweise. Weil das Ergebnis eine gerenderte Bitmap ist, könnte nichts aus Ihrer Datei irgendwo ausgeführt werden.

Wohin die Datei gehört

Nennen Sie sie favicon.ico und legen Sie sie in das Stammverzeichnis Ihrer Website (/favicon.ico), nicht in einen Ordner für Ressourcen. Browser fragen genau diesen Pfad an, ohne dass es jemand verlangt, und dasselbe tun RSS-Reader, Chat-Apps, die Linkvorschauen erzeugen, und Lesezeichenverwaltungen.

Sie können sie auch in Ihrem HTML angeben, aber die Datei im Stammverzeichnis erreicht alle Clients, die Ihren Code nicht vorher lesen.

Warum nicht einfach ein SVG-Favicon?

Das geht, und moderne Browser unterstützen es: <link rel="icon" href="/icon.svg"> funktioniert in Chrome, Firefox und Safari und bleibt in jeder Größe scharf, sogar auf Bildschirmen, die es noch nicht gibt.

Was es nicht abdeckt, ist alles, was kein moderner Browser ist: Windows-Verknüpfungen, Installationsprogramme, ältere Clients und die automatische Anfrage nach /favicon.ico. Die übliche Lösung ist beides: ein im HTML angegebenes SVG-Symbol und eine ICO im Stammverzeichnis als Rückfall. Dieses Werkzeug erstellt das Zweite aus dem Ersten.

Das Design eines alten Symbols zurückholen

In der Gegenrichtung zieht ICO in PNG das größte Bild aus einem vorhandenen Symbol. Sie bekommen eine Bitmap, keine Vektoren (eine ICO enthält keine Forminformation, die sich zurückgewinnen ließe), aber oft reicht das, um es neu zu zeichnen.

Was mit Ihrer Datei passiert

Browser können den ICO-Container nicht schreiben, deshalb geschieht das auf unserem Server. Ihr Upload wird gelöscht, sobald die Umwandlung fertig ist, das Ergebnis, sobald Sie es herunterladen, und alles Liegengebliebene wird automatisch entfernt.

Datenschutz

Was mit Ihrer Datei passiert

Dieses Werkzeug arbeitet auf unserem Server und liefert so auf jedem Handy und Computer dasselbe Ergebnis. Ihre Datei wird hochgeladen, und genau das passiert mit ihr:

  • Außerhalb des öffentlichen Webverzeichnisses unter einem zufälligen Namen gespeichert, nie unter dem Namen Ihrer Datei.
  • Verarbeitet, wobei die hochgeladene Originaldatei sofort gelöscht wird – egal, ob es geklappt hat oder nicht.
  • Das Ergebnis liegt hinter einem signierten Link, den nur Sie erhalten und der nach 20 Minuten ungültig wird, und die Datei wird gelöscht, sobald Sie sie herunterladen.
  • Alles, was nie abgeholt wird, wird innerhalb von 30 Minuten automatisch gelöscht.
  • Das Bild selbst wird nie protokolliert oder aufbewahrt. Schlägt eine Umwandlung fehl, erfassen wir die beteiligten Formate und den Fehler – nicht die Datei.
  • Kamera-Metadaten, einschließlich etwaiger GPS-Koordinaten des Aufnahmeorts, werden aus dem Ergebnis entfernt. Nur die Drehung, die für die richtige Ausrichtung nötig ist, bleibt erhalten.

Fragen & Antworten

SVG in ICO: häufige Fragen

Warum ist ein SVG eine bessere Quelle für ein Symbol als ein PNG?

Weil jede Größe aus Ihren ursprünglichen Formen gezeichnet wird, statt aus einer Bitmap verkleinert zu werden. Verkleinern mittelt Pixel, und bei 16 Pixeln ist das brutal: Eine scharfe, ein Pixel breite Linie in einem 256er-Bild wird zu einer blassen grauen Andeutung. Bei 16 zu rendern, lässt die Kanten auf ganze Pixel fallen und erhält den Kontrast. Der Unterschied ist in einem Browser-Tab zu sehen.

Bleibt die Transparenz erhalten?

Ja, so wie sie soll. SVG-Designs werden fast immer auf Transparenz gezeichnet, und die wird direkt übernommen, das Symbol sieht also auf einem hellen Tab, einem dunklen oder einer farbigen Taskleiste gut aus. Nicht quadratische Designs werden mit transparentem Rand zentriert statt gestreckt.

Mein Logo hat feine Details. Funktioniert das?

Bei 16 Pixeln wahrscheinlich nicht, egal wie gut es gerendert wird: Dünne Striche und kleiner Text werden zu Rauschen, das die Form verwischt. Professionelle Symbolsätze zeichnen für kleine Größen eigene, vereinfachte Designs: weniger Elemente, dickere Striche, manchmal nur ein Anfangsbuchstabe. Ist das Symbol wichtig, exportieren Sie ein vereinfachtes SVG und erstellen daraus die kleinen Größen.

Mein Text ist in der falschen Schrift herausgekommen.

Ihr SVG nennt eine Schrift per Namen, statt die Buchstabenformen einzubetten, und der Renderer hat sie durch eine verfügbare ersetzt. Wandeln Sie den Text vor dem Export in Ihrem Editor in Pfade um: Das lohnt sich bei jedem Design, das Ihren Computer verlässt.

Kann ich nur ein SVG-Favicon verwenden?

Teilweise. Moderne Browser unterstützen <link rel="icon" href="/icon.svg">, und es bleibt in jeder Größe scharf. Es deckt keine Windows-Verknüpfungen, Installationsprogramme, älteren Clients und nicht die automatische Anfrage nach /favicon.ico ab, die Browser von sich aus stellen. Die übliche Lösung ist beides: ein im HTML angegebenes SVG und eine ICO im Stammverzeichnis.

Ist es sicher, ein SVG hochzuladen?

Jedes SVG wird geprüft, bevor irgendetwas es verarbeitet: Dateien mit Dokumenttyp-Deklarationen, Entities, Skripten oder externen Verweisen werden abgelehnt statt bereinigt, und zusätzlich ignoriert der Renderer externe Verweise. Weil das Ergebnis eine gerenderte Bitmap ist, könnte nichts aus Ihrer Datei irgendwo ausgeführt werden.

Weiter entdecken

Verwandte Bildwerkzeuge

Alle Werkzeuge ansehen

Favicon-Generator

Erzeugen Sie aus einem Bild ein komplettes Favicon-Set: ICO mit mehreren Größen, Apple-Touch-Icon, Android-Symbole, Manifest und fertiges HTML.

Auf unserem Server

PNG in ICO umwandeln

Wandeln Sie PNG richtig in ein ICO mit mehreren Größen um, mit Versionen in 16, 32, 48 und 256 Pixeln. Die Transparenz bleibt erhalten.

Auf unserem Server

SVG in PNG umwandeln

Wandeln Sie SVG in jeder Auflösung in PNG um, mit intakter Transparenz. Gerendert wird aus dem Vektor, die Kanten bleiben in jeder Größe scharf.

Auf unserem Server

ICO in PNG umwandeln

Wandeln Sie Windows-ICO-Dateien in PNG um und behalten Sie die Transparenz. Extrahiert das größte Bild, das das Symbol enthält.

Auf unserem Server