SVG in ICO umwandeln Scalable Vector Graphics ↔ Icon Kostenlos Online Sicher
Ein SVG ist kein Bild, sondern die Anweisung, eines zu zeichnen. Hier wird diese Anweisung einmal ausgeführt, in der von Ihnen gewählten Größe, und als ICO gespeichert. Gezeichnet wird in einer Umgebung, in der nichts aus der Datei laufen kann, und nichts wird hochgeladen.
Wandeln Sie Ihre Datei um
Ziehen Sie ein SVG hierher oder wählen Sie eines.
Ihre Datei verlässt dieses Gerät nicht. Alles läuft in Ihrem Browser.
Kein Upload
Was einen Vektor unterscheidet
Ein SVG ist kein Bild; es ist eine Anweisungsfolge, eines zu zeichnen — ein Kreis dieses Halbmessers hier, eine Linie von hier nach dort, diese Form mit jener Farbe gefüllt. 2001 wurde es Webstandard, und weil es die Zeichnung speichert statt des Ergebnisses, lässt sich aus derselben Datei, die ein Sechzehn-Pixel-Symbol darstellt, eine Plakatwand drucken. Ein PNG oder ein JPEG speichert das Gegenteil: ein fertiges Raster farbiger Punkte ohne jede Erinnerung daran, was sie gezeichnet hat. Diese Unsymmetrie entscheidet alles auf dieser Seite. Vom Vektor zum Raster zu gehen heißt bloß, die Anweisungen in einer gewählten Größe auszuzeichnen; der umgekehrte Weg ist Nachzeichnen — ein Programm sieht ein Punktraster an und rät, welche Formen es hervorgebracht haben könnten.
Wo sie Ihnen begegnen
Logos, Symbole, Karten, Diagramme und Grafiken leben als SVG, denn sie müssen in jeder Größe lesbar sein und oft umgefärbt werden. Favicons und App-Symbole entstehen daraus. Die Gegenrichtung gilt dem Augenblick, in dem ein Vektor ein flaches Bild werden muss: ein Mailprogramm, das SVG nicht anzeigt, eine Vorschau in sozialen Netzen, ein Dokument, das jemand mit älterer Software drucken soll, oder ein Hochladeformular, das nur Fotografien annimmt.
Häufige Fragen
Ich habe eine Fotografie nachgezeichnet, und das Ergebnis sieht furchtbar aus. Warum?
Weil das Nachzeichnen nie für Fotografien gedacht war. Es arbeitet, indem es Bereiche ähnlicher Farbe sucht und um jeden eine Umrisslinie zieht; das passt zu flacher Grafik — einem Logo, einer Schablone, einer Strichzeichnung — und scheitert an einer Fotografie, in der jeder Bereich allmählich in den nächsten übergeht. Der Nachzeichner muss eine Grenze erfinden, wo keine ist, und liefert entweder plakathafte Flecken flacher Flächen oder eine Datei mit Zehntausenden winziger Formen. Für Fotografien bleiben Sie beim Raster.
Warum sieht mein SVG in einem anderen Programm anders aus?
Meist an den Schriften. Ein SVG mit Text verweist auf eine Schrift beim Namen und erwartet, dass die öffnende Maschine sie besitzt; hat sie das nicht, wird etwas anderes eingesetzt, und die Anordnung verrutscht. Das Mittel ist, den Text vor dem Export in Konturen zu wandeln: jeder Buchstabe wird zur Form, und die Datei sieht überall gleich aus — um den Preis, dass der Text nicht mehr bearbeitet oder markiert werden kann. Fortgeschrittene Effekte wie Filter und Mischmodi sind die andere geläufige Quelle von Abweichungen.
Verliert die Datei an Qualität?
Das hängt davon ab, was die beiden Formate fassen können. Eine Umwandlung zwischen Formaten, die dasselbe speichern — PNG zu BMP, WAV zu FLAC —, verliert nichts. Eine Umwandlung in ein Format, das Information wegwirft, um Platz zu sparen, etwa JPEG oder MP3, verliert jedes Mal ein wenig, und der Rückweg bringt es nicht zurück. Wo eine Wahl besteht, neigt diese Seite dazu, die ursprüngliche Qualität zu erhalten, statt die kleinste Datei zu erzeugen.
Wird meine Datei irgendwohin hochgeladen?
Nein. Die Umwandlung geschieht in Ihrem Browser, auf Ihrem eigenen Gerät; die Datei verlässt es nie, und es gibt hier auch keinen Server, der sie empfangen könnte. Darum wird eine große Datei durch Ihren eigenen Speicher begrenzt und nicht durch einen Upload, und darum kann nichts, was Sie umwandeln, in irgendwessen Protokollen auftauchen — auch nicht in unseren. Die Werkzeuge für Ton und Film holen ihr Umwandlungswerk allerdings beim ersten Gebrauch von dieser Seite — rund dreißig Megabyte, einmalig; danach geschieht die Arbeit weiterhin ganz auf Ihrem Gerät.
Warum man SVG in ICO umwandelt
Eine ICO-Datei ist ein Symbol. Es ist das kleine Bild, das im Tab eines Browsers neben dem Namen einer Seite erscheint, in einer Lesezeichenliste, auf einer Verknüpfung und in der Ecke eines Programmfensters unter Windows. Betreiben Sie eine Website, wollen Sie eines, das Ihre Marke trägt. Bauen Sie ein Programm, brauchen Sie eines für dessen ausführbare Datei. Und haben Sie ein Logo, ist es sehr wahrscheinlich eine Vektorzeichnung im SVG-Format. Darum wandeln Menschen SVG in ICO um: Sie haben die Zeichnung der Marke und brauchen die Symboldatei, die Browser und Betriebssysteme weiterhin ausdrücklich verlangen.
Ein SVG ist kein Bild. Es ist eine Anleitung zum Zeichnen eines Bildes: Zeichne hier einen Kreis, dort eine Kurve, fülle diese Form mit jener Farbe. Weil es Anleitung und nicht Pixel ist, kann ein SVG in jeder Größe gezeigt werden, ohne unscharf zu werden. Ein Symbol dagegen ist eine Handvoll kleiner Bilder, gebündelt in einer Datei, jedes für eine bestimmte Größe gemacht. Diese Seite folgt der Anleitung Ihres SVG einmal für jede Größe und packt die Ergebnisse in eine ICO-Datei.
Diese Seite wandelt SVG in Ihrem Browser in ICO um. Die Zeichnung wird in einer Sandbox dargestellt, in der nichts in der Datei ausgeführt werden kann, und nichts wird hochgeladen. Weiter unten erfahren Sie, wie es funktioniert, welche Größen die Datei enthält, warum kleine Symbole ein besonderes Problem sind und was man dagegen tun kann.
Wie die Umwandlung funktioniert
Sechs Größen in einer Datei
Die entstehende ICO enthält sechs Größen in einer Datei: 16, 32, 48, 64, 128 und 256 Pixel. Jede wird aus dem SVG neu gezeichnet und nicht aus der jeweils anderen verkleinert, die 16-Pixel-Fassung ist also die bei 16 Pixeln befolgte Anleitung und keine geschrumpfte Kopie der großen. Alle behalten ihre Transparenz. Ein Betriebssystem oder ein Browser wählt dann die Größe, die zu dem Ort passt, an dem das Symbol gezeigt wird.
Eine Sandbox, in der nichts ausgeführt werden kann
Eine SVG-Datei kann im Prinzip Skripte und Verweise auf andere Dinge enthalten. Damit das nie ein Risiko wird, wird die Zeichnung in einer Sandbox dargestellt, in der nichts in der Datei ausgeführt werden kann. Nur die Formen werden gemalt. Das ist selbst bei Dateien sicher, die Sie von einer Stelle heruntergeladen haben, der Sie nicht völlig trauen.
Warum Neuzeichnen besser ist als Verkleinern
Verkleinern Sie ein großes Bild zu einem winzigen, verschwimmen die Details ineinander, und Linien werden grau. Das Neuzeichnen aus den Vektoranweisungen in der Zielgröße ergibt das schärfste Ergebnis, das jede Größe haben kann, da die Linien direkt auf das Pixelraster gelegt werden.
Was erhalten bleibt
Die sechs Größen
Sie erhalten 16, 32, 48, 64, 128 und 256 Pixel, was die Orte abdeckt, an denen Symbole normalerweise gezeigt werden: Browser-Tabs, die Taskleiste, Desktop-Verknüpfungen, Dateilisten und große Vorschauen.
Die Transparenz
Die Transparenz bleibt in allen sechs Größen erhalten. Bereiche des SVG ohne Füllung bleiben in der ICO durchsichtig, das Symbol nimmt also die Farbe dessen an, was dahinter liegt.
Die Form der Marke
Die Zeichnung bleibt, wie sie ist, mit ihren Farben und ihren Formen. Ist das SVG nicht quadratisch, wird es ohne Verzerrung in das Quadrat jedes Symbols eingepasst.
Was Sie wissen sollten, bevor Sie SVG in ICO umwandeln
Ein Symbol ist eine andere Zeichnung
Ein Symbol ist kein kleines Bild, es ist eine andere Zeichnung. Alles mit feinen Linien oder kleiner Schrift wird bei 16 Pixeln zu Brei, so sorgfältig es auch dargestellt wird. Ein Logo, das auf einem Plakat hervorragend aussieht, kann als Favicon unlesbar sein. Sieht das Ergebnis matschig aus, ist die Antwort ein einfacheres SVG und nicht eine bessere Umwandlung.
Für die kleinste Größe gestalten
Die besten Symbole entstehen mit Blick auf die kleinste Größe: eine kräftige Form, eine begrenzte Zahl an Farben, keine Haarlinien und keine Beschriftung über einen einzelnen Buchstaben hinaus. Können Sie, bereiten Sie dafür eine vereinfachte Fassung Ihres Logos als gesondertes SVG vor und wandeln dann damit SVG in ICO um.
Schriftarten und Bilder von anderswo werden nicht aufgelöst
Schriftarten und Bilder, die das SVG von anderswo bezieht, werden in der Sandbox nicht aufgelöst. Text in einer Webschrift, die von einem Server geladen wird, fällt auf eine Systemschrift zurück, und ein von außerhalb der Datei verknüpftes Bild fehlt. Für das beste Ergebnis wandeln Sie den Text in Konturen um und betten die Bilder ein.
So wandeln Sie SVG hier in ICO um
Zeichnung hinzufügen
Ziehen Sie das SVG auf die Seite oder wählen Sie es auf Ihrem Gerät aus. Es wird in Ihrem Browser gelesen und nicht hochgeladen.
Umwandeln
Klicken Sie auf die Schaltfläche. Die sechs Größen werden nacheinander gezeichnet, was einen Moment dauert. Lassen Sie die Seite geöffnet, bis es fertig ist.
Herunterladen und testen
Laden Sie die ICO herunter und probieren Sie sie dort aus, wo sie verwendet wird. Legen Sie sie auf einer Website unter dem Namen favicon.ico in den Stammordner oder verlinken Sie sie im Kopf der Seite, und sehen Sie sich den Tab eines Browsers an. Unter Windows können Sie sie einer Verknüpfung zuweisen und sehen, wie sie in verschiedenen Größen aussieht.
Ein genauerer Blick auf SVG und ICO
Vektor und Bündel
Ein SVG ist eine einzige Zeichnung, die in jeder Größe dargestellt werden kann. Eine ICO ist ein Container mit mehreren Bildern darin, jedes in fester Größe. Software, die ein Symbol zeigt, wählt das Bild, das der benötigten Größe am nächsten kommt, was unscharfes Skalieren vermeidet. SVG in ICO umzuwandeln heißt, die Zeichnung in den Größen darzustellen, die der Container enthalten soll.
Wo Symbole verwendet werden
Browser nutzen die kleinsten Größen für Tabs und die größeren für Lesezeichen und die Seite für neue Tabs. Windows nutzt sie für die Taskleiste, das Startmenü und den Explorer. Mobilgeräte haben eigene Sätze von Bildgrößen für Startbildschirme, die normalerweise PNG-Dateien sind und keine ICO. Bereiten Sie ein App-Symbol für ein Telefon vor, ist SVG in PNG umwandeln in den Größen, die die Plattform verlangt, der bessere Weg.
Favicons heute
Moderne Browser akzeptieren PNG und sogar SVG als Favicons, doch die ICO bleibt das Format, das überall funktioniert, auch in alten Browsern, manchen Feedlesern und Werkzeugen, die automatisch nach favicon.ico suchen. Eine zu haben ist die sichere Wahl.
Häufige Situationen im Einzelnen
Das Favicon einer Website
Wandeln Sie SVG in ICO um, speichern Sie die Datei als favicon.ico im Stammverzeichnis Ihrer Website und verlinken Sie sie. Der Tab jedes Browsers trägt dann Ihre Marke, was die Seite unter vielen offenen Tabs wiedererkennbar macht.
Das Symbol eines Windows-Programms
Programme unter Windows tragen ein Symbol in ihrer ausführbaren Datei und in ihren Verknüpfungen. Entwickler brauchen dafür eine ICO mit mehreren Größen. Die sechs Größen, die Sie erhalten, decken die üblichen Anforderungen ab.
Verknüpfungen und Ordner
Unter Windows können Sie einer Verknüpfung oder einem Ordner ein eigenes Symbol geben. Eine aus Ihrem Logo erzeugte ICO macht Ihren Desktop oder Ihre Projektordner leichter erkennbar.
Websites kleiner Firmen und Blogs
Ein Favicon ist ein kleines Detail, das eine Website fertig wirken lässt. Ist Ihr Logo ein SVG, erzeugt diese Umwandlung die Datei, die Website-Baukästen Sie hochladen lassen.
Praktische Hinweise, bevor Sie SVG in ICO umwandeln
Die Zeichnung vereinfachen
Entfernen Sie feine Linien, lassen Sie die Beschriftung weg oder behalten Sie einen einzelnen Buchstaben, und nutzen Sie kräftige Formen. Sehen Sie sich das SVG vor dem Umwandeln in Ihrem Zeichenprogramm bei 16 Pixeln an, um zu sehen, wie das kleinste Symbol aussehen wird.
Die Zeichnung quadratisch machen
Symbole sind quadratisch. Ist Ihr Logo breit, setzen Sie es mit etwas Rand auf eine quadratische Zeichenfläche, damit es nicht abgeschnitten wird und im Quadrat nicht winzig ist.
Den Kontrast prüfen
Browser-Tabs können hell oder dunkel sein. Eine Marke mit starkem Kontrast zu beiden Hintergründen ist leichter zu sehen. Eine dünne weiße Kontur an einer dunklen Marke oder eine einfarbige Fläche funktioniert meist.
Das SVG behalten
Das SVG ist das Original. Entscheiden Sie sich später, das Symbol zu ändern, brauchen Sie es, um SVG erneut in ICO umzuwandeln.
Fragen, die man vor dem Umwandeln stellt
Warum sieht mein Symbol bei 16 Pixeln unscharf aus?
Weil 16 Pixel sehr wenig sind. Feine Linien und kleine Schrift lassen sich dort nicht darstellen. Vereinfachen Sie die Zeichnung, statt nach einer besseren Umwandlung zu suchen.
Welche Größen enthält die Datei?
16, 32, 48, 64, 128 und 256 Pixel, jede aus dem SVG neu gezeichnet, alle mit Transparenz.
Bleibt die Transparenz erhalten?
Ja. Ein durchsichtiger Hintergrund im SVG ist in allen sechs Größen der ICO durchsichtig.
Kann ich die Datei als Favicon verwenden?
Ja. Nennen Sie sie favicon.ico, legen Sie sie in den Stamm Ihrer Website oder verlinken Sie sie im Kopf Ihrer Seiten.
Wird meine Datei hochgeladen?
Nein. Die Umwandlung läuft in Ihrem Browser, und die Datei verlässt Ihr Gerät nie.
Kann ich aus einem Symbol ein SVG machen?
Ja, in gewissem Maß. ICO in SVG umwandeln zeichnet ein Symbol zu Formen nach, auch wenn die geringe Größe begrenzt, was sich wiederherstellen lässt.
Klug wählen, wenn Sie SVG in ICO umwandeln
ICO oder PNG?
Für ein Favicon, das überall funktioniert, wählen Sie ICO. Für App-Symbole auf Telefonen und für Bilder auf Webseiten ist PNG das übliche Format. SVG in PNG umwandeln liefert Ihnen das.
An den ganzen Satz denken
Bereiten Sie eine Marke vor, brauchen Sie womöglich ein Logo als PNG, ein Favicon als ICO und eine druckbare Fassung als PDF. SVG in PDF umwandeln behält die Zeichnung für den Druck als Zeichnung.
An einem echten Tab testen
Sehen Sie sich das Symbol in einem echten Browser-Tab an, sowohl in einem hellen als auch in einem dunklen Design. Dort werden es die meisten Menschen sehen.
Nach der Umwandlung ein gutes Ergebnis erzielen
Den Browser-Cache leeren
Browser behalten Favicons lange. Ersetzen Sie ein Symbol und sehen weiterhin das alte, leeren Sie den Cache oder öffnen Sie die Website in einem privaten Fenster.
Alle Größen prüfen
Haben Sie ein Werkzeug, das ICO-Dateien öffnet, sehen Sie sich jede Größe an. Eine Marke, die bei 256 Pixeln in Ordnung ist, kann bei 16 unlesbar sein, und das sagt Ihnen, ob Sie vereinfachen sollten.
Richtig benennen
Browser suchen standardmäßig im Stammverzeichnis einer Website nach favicon.ico. Behalten Sie diesen Namen bei, sofern Sie die Datei nicht ausdrücklich verlinken.
Eine Marke gestalten, die die kleinste Größe übersteht
Vom 16-Pixel-Raster ausgehen
Der zuverlässigste Weg zu einem guten Ergebnis, wenn Sie SVG in ICO umwandeln, ist, mit Blick auf die kleinste Größe zu gestalten. Stellen Sie sich ein Raster aus sechzehn mal sechzehn Quadraten vor und fragen Sie, was Sie darauf platzieren können. Ein Kreis, ein Buchstabe, ein einfaches Zeichen: ja. Eine Unterschrift, ein Wappen mit Wahlspruch: nein. Die größeren Größen sehen gut aus, was Sie auch zeichnen, die kleine ist also die Einschränkung, für die man gestaltet.
Kräftige Formen und wenige Farben verwenden
Zwei oder drei Farben mit klarem Kontrast lesen sich besser als ein Verlauf vieler. Massive Formen, die den größten Teil des Quadrats füllen, sind leichter zu erkennen als dünne Konturen, da jedes Pixel mehr von der Marke trägt.
Etwas Luft lassen
Eine Marke, die den Rand des Quadrats berührt, kann beengt wirken, und manche Systeme fügen eigene Rundungen oder Rahmen hinzu. Ein Rand von einem oder zwei Pixeln bei der kleinsten Größe hält die Form intakt.
Neben anderen Symbolen ansehen
Öffnen Sie einige Tabs bekannter Websites und vergleichen Sie. Sie werden sehen, dass die Symbole, die am besten funktionieren, sehr einfach sind. Übernehmen Sie diese Disziplin, bevor Sie SVG in ICO umwandeln, und Ihr Ergebnis besteht in einer Menge von Tabs.
Datenschutz und Handhabung
Warum die lokale Umwandlung bei Zeichnungen wichtig ist
Logos und Markenzeichen können vor der Veröffentlichung vertraulich sein. Viele Online-Umwandler laden Ihre Datei auf einen Server, verarbeiten sie und senden das Ergebnis zurück, und eine Zeit lang liegt eine Kopie auf einem Rechner, den Sie nicht kontrollieren. Hier erledigt Ihr eigener Browser die Arbeit, die Zeichnung bleibt also auf Ihrem Gerät.
Was geschieht, wenn Sie gehen
Schließen Sie die Seite, verschwindet die umgewandelte Datei aus dem Browser, laden Sie sie also zuerst herunter. Von Ihrer Zeichnung wird nichts aufbewahrt.
Wenn etwas schiefgeht
Das Symbol kommt leer heraus
Dem SVG fehlt womöglich eine Größe oder eine viewBox. Öffnen Sie es in einem Texteditor und prüfen Sie, ob es Breite und Höhe oder eine viewBox hat, oder beheben Sie es in Ihrem Zeichenprogramm.
Das Symbol ist abgeschnitten
Manche SVGs haben Elemente, die über ihren angegebenen Bereich hinausragen. Passen Sie die viewBox im Original an, sodass alles hineinpasst.
Die Seite friert ein
Alles läuft auf Ihrem Gerät. Versuchen Sie es erneut auf einem Computer oder mit einer einfacheren Zeichnung.
Verwandte Werkzeuge
Dieselbe Werkzeugfamilie deckt die benachbarten Aufgaben ab. Für Bilder in den Größen Ihrer Wahl nutzen Sie SVG in PNG umwandeln oder SVG in JPG umwandeln. Für ein Dokument, das bei jeder Vergrößerung scharf bleibt, behält SVG in PDF umwandeln die Zeichnung als Zeichnung. Um Bilder wieder zu Formen nachzuzeichnen, erledigen ICO in SVG umwandeln, PNG in SVG umwandeln und JPG in SVG umwandeln die Aufgabe.
Ein durchgerechnetes Beispiel
Angenommen, Sie haben einen kleinen Blog begonnen, und Ihr Logo ist ein SVG: ein grünes Blatt mit dem Namen des Blogs darunter. Sie ziehen das SVG hierher und klicken auf die Schaltfläche. Die ICO kommt, und im Browser-Tab ist das Blatt erkennbar, der Name darunter aber unlesbar. Sie öffnen Ihr Zeichenprogramm, machen eine Fassung nur mit dem Blatt, wandeln SVG erneut in ICO um und laden die neue Datei als favicon.ico hoch. Der Tab zeigt nun ein klares grünes Blatt, und das vollständige Logo bleibt auf der Seite.
Eine kurze Checkliste
Vor dem Umwandeln
Vereinfachen Sie die Zeichnung. Machen Sie sie quadratisch. Wandeln Sie den Text in Konturen um und betten Sie die Bilder ein.
Beim Umwandeln
Bleiben Sie auf der Seite, bis die Datei fertig ist.
Nach dem Umwandeln
Testen Sie die ICO in einem Browser-Tab und in einer Verknüpfung, in hellen und dunklen Designs, und behalten Sie das SVG.
Häufige Fehler
Das vollständige Logo verwenden
Beschriftung und feine Details verschwinden bei 16 Pixeln. Verwenden Sie eine vereinfachte Marke.
Von einer besseren Umwandlung erwarten, dass sie eine überladene Zeichnung rettet
Der Fehler liegt in der Größe, nicht im Werkzeug. Vereinfachen Sie das SVG.
Den Cache vergessen
Ein altes Favicon kann im Browser hängen bleiben. Leeren Sie den Cache, bevor Sie entscheiden, dass das neue gescheitert ist.
Ihre Zeichnung bleibt auf Ihrem Gerät
Die Umwandlung findet lokal statt. Ihre Zeichnung wird von Ihrem eigenen Browser gelesen, dort gemalt und als ICO zurückgegeben. Nichts wird hochgeladen, es landet also keine Kopie auf einem Server, und niemand sonst kann sie sehen. Bei unveröffentlichten Markenzeichen ist das der sichere Weg, SVG in ICO umzuwandeln.
Zusammenfassung
Um SVG hier in ICO umzuwandeln, ziehen Sie die Zeichnung hinein und klicken auf die Schaltfläche. Ein SVG ist kein Bild, sondern eine Anleitung zum Zeichnen eines Bildes, und hier wird diese Anleitung einmal für jede Größe befolgt und die Ergebnisse werden als ICO gespeichert. Die Zeichnung wird in einer Sandbox dargestellt, in der nichts in der Datei ausgeführt werden kann, und nichts wird hochgeladen. Die Datei enthält sechs Größen: 16, 32, 48, 64, 128 und 256 Pixel, jede aus dem SVG neu gezeichnet und nicht aus der jeweils anderen verkleinert, und alle mit Transparenz. Ein Symbol ist kein kleines Bild, es ist eine andere Zeichnung: Alles mit feinen Linien oder kleiner Schrift wird bei 16 Pixeln zu Brei, so sorgfältig es auch dargestellt wird. Sieht das Ergebnis matschig aus, ist die Antwort ein einfacheres SVG und nicht eine bessere Umwandlung. Schriftarten und Bilder von anderswo werden nicht aufgelöst.