Zum Hauptinhalt springen

SVG zu ICO

Konvertieren Sie SVG in ICO mit einem kostenlosen Favicon-Generator

Erstellen Sie eine Windows .ico-Datei in verschiedenen Größen für Website-Favicons, App-Symbole und Desktop-Verknüpfungen. Wählen Sie eine Zielgröße und der Konverter packt jede Standardgröße bis zu dieser Größe in eine Datei.

Dateien hier ablegen

Standardwerte für neue Dateien werden bearbeitet

Icon-Format

ICO kennt feste Größen: 16, 32, 48, 64, 128, 256. Wir rendern jede Größe bis zu deiner Zielgröße und packen sie in eine .ico-Datei.

Enthält: 16, 32, 48, 64, 128, 256 px

Hintergrund
Eckenradius
Artwork
Horizontale Ausrichtung
Vertikale Ausrichtung

Padding rückt das Artwork nach innen, die Skalierung vergrößert es, und die Ausrichtung bestimmt, wo es sitzt, wenn es die Fläche nicht ausfüllt. Hintergrund und Eckenform füllen immer das ganze Icon.

Vorschau

Keine Vorschau. Dateien hinzufügen und auswählen, um Ergebnisse zu sehen.

Noch keine Dateien. Dateien oben ablegen oder DATEIEN AUSWÄHLEN klicken.

Was ist SVG?

SVG (Scalable Vector Graphics) ist ein XML-basiertes Vektor-Bildformat. Anstelle von Pixeln beschreibt eine SVG-Datei Formen, Pfade, Füllungen und Konturen mathematisch und kann daher in jeder Größe ohne Qualitätsverlust gerendert werden.

SVG ist das Standard-Vektorformat für das Web. Es wird von allen modernen Browsern nativ unterstützt und lässt sich mit CSS gestalten oder mit JavaScript beziehungsweise SMIL animieren. Für Logos, Icons und Illustrationen ist es oft kompakt; komplexe SVG-Dateien können jedoch groß werden.

Was ist ICO?

ICO ist das Windows-Icon-Containerformat, das für Favicons, Anwendungssymbole und Desktop-Verknüpfungen verwendet wird. Eine ICO-Datei kann ein oder mehrere Rasterbilder enthalten (typischerweise 16×16 bis 256×256).

SVG vs. Rasterformate

Vektor-Grafiken (SVG) und Raster-Grafiken (PNG, JPG) lösen unterschiedliche Probleme. Welches Format das richtige ist, hängt vom Verwendungszweck ab.

EigenschaftSVGPNG / JPGICO / ICNS
SkalierungAuflösungsunabhängigVerschwommen beim VergrößernVorgerendert in festen Größen
DateigrößeKlein bei Formen und IconsWächst mit der AuflösungBündel vorgerenderter Raster
BearbeitungAls Text oder in Vektor-Tools editierbarNur Pixel-BearbeitungGrößen einzeln bearbeiten und neu packen
AnimationCSS, SMIL, JavaScriptEingeschränkt (animiertes PNG/GIF)Nicht unterstützt
TransparenzJaPNG ja, JPG neinJa (PNG-basiert)

Wann sollte man SVG in ICO umwandeln

Browser und Desktop-Shells verwenden ICO-Dateien. Verwenden Sie diesen SVG-zu-ICO-Konverter als kostenlosen Favicon-Generator: Konvertieren Sie SVG in ICO, wenn Sie ein Favicon (favicon.ico), eine Windows-Verknüpfung oder überall dort benötigen, wo eine .ico-Datei benötigt wird. Eine Datei kann die Standardgrößen 16, 32, 48, 64, 128 und 256 Pixel enthalten, sodass der Browser oder das Betriebssystem die beste Übereinstimmung auswählen kann.

SVG zu ICO: Dateigröße und Qualitätsabwägungen

Dateigröße

Ein ICO in mehreren Größen bündelt jeden Standardsteckplatz von 16×16 bis zu Ihrem Ziel. Größere Ziele fügen mehr eingebettete Bilder hinzu, sodass die Datei sowohl mit der Anzahl der Slots als auch mit den Details im Bildmaterial wächst. Dieser Konverter speichert jeden Steckplatz als komprimierte PNG-Daten.

Wann ICO die richtige Wahl ist

ICO ist die richtige Ausgabe für Windows-Favicons (das favicon.ico im Stammverzeichnis Ihrer Website), Windows-Desktopverknüpfungen, Taskleisten-Pins und jeden Kontext, der speziell nach einer .ico-Datei fragt. Durch die Bündelung mehrerer Größen kann der Browser oder das Betriebssystem die beste Lösung auswählen.

Wann ein SVG-Favicon statt ICO ausliefern

Moderne Browser akzeptieren <link rel='icon' type='image/svg+xml' href='/favicon.svg'>, daher das SVG behalten und neben dem ICO ausliefern. Ein einzelnes SVG-Favicon skaliert auf jede Taskleisten- und Tab-Größe und bleibt auf HiDPI-Displays scharf. Das ICO deckt Windows-Desktop-Shortcuts und sehr alte Browser ab.

Qualitätsabwägungen

Jeder ICO-Slot wird auf seine exakte Pixelgröße gerastert, ein 16×16 Slot ist also bei 16×16 scharf. Extremes Herunterskalieren eines komplexen SVGs kann jedoch Detail verlieren. Für Favicons das Quell-SVG so gestalten, dass es bei 16×16 lesbar ist (kräftige Striche, wenige Details). Transparenz wird pro Pixel erhalten; Hintergründe bleiben durchsichtig, sofern keine solide Farbe gewählt wird.

So konvertieren Sie SVG online in ICO

  1. 1

    Dateien ablegen oder DATEIEN AUSWÄHLEN klicken, um sie der Warteschlange hinzuzufügen. Bis zu 40 auf einmal.

  2. 2

    Die Ausgabeoptionen setzen (Größe, DPI, Hintergrund, Qualität oder Detailgrad des Tracings) und die Live-Vorschau aktualisiert sich.

  3. 3

    Auf ALLE SPEICHERN klicken, um das Ergebnis herunterzuladen, oder ein einzelnes ZIP, wenn die Warteschlange mehr als eine Datei enthält.

Datenschutz: Ihre Dateien verlassen den Browser nicht

Die Konvertierung erfolgt lokal in Ihrem Browser mit JavaScript und WebAssembly. Es erfolgt kein Datei-Upload oder eine serverseitige Konvertierung, sodass die von Ihnen hinzugefügten Dateien auf Ihrem Gerät verbleiben.

Die lokale Verarbeitung trägt zum Schutz vertraulicher Logos, interner Dokumente und unveröffentlichter Kundengrafiken bei. Seiten und Konvertierungscode werden zwischengespeichert, während Sie sie verwenden, sodass bereits geöffnete Tools ohne Netzwerkverbindung weiterarbeiten können.

Häufige Fragen

Welche Größen enthält das ICO?

Der Konverter packt jeden Standard-ICO-Slot bis zu Ihrer Zielgröße in eine einzige Datei: 16, 32, 48, 64, 128, 256. Die meisten Browser und Windows-Tools wählen automatisch die passende Größe je nach Kontext.

Welche Größe sollte ich für ein Favicon wählen?

32 ist ein sicherer Standard für Browser-Tabs und Lesezeichen. Wählen Sie 256, wenn Sie alle Standardgrößen gebündelt möchten. Windows verwendet die größte für Verknüpfungen, Taskleisten-Anpinnungen und Desktopsymbole.

Kann ich einen transparenten Hintergrund in einem ICO verwenden?

Ja. ICO unterstützt Per-Pixel-Alpha und der Konverter behält die Transparenz aus der SVG standardmäßig bei. Wählen Sie nur dann eine einfarbige Hintergrundfarbe, wenn Sie die durchscheinenden Bereiche füllen möchten.