SVG → ICO
☞ läuft komplett in deinem Browser — nichts wird hochgeladenSVG hier ablegen
oder klicken zum Auswählen — nur SVG
Icon-Vorschau
SVG → ICO
Erstelle aus einem Vektor eine .ico-Datei mit mehreren Größen — jede Größe direkt aus dem SVG gerendert, nicht aus einer großen Bitmap heruntergerechnet.
oder klicken zum Auswählen — nur SVG
Icon-Vorschau
scharf bei 16 Pixeln
Ein Favicon wird meistens mit 16 Pixeln angezeigt. Rechnet man eine 256-px-Bitmap auf diese Größe herunter, verschmieren alle Kanten ineinander; rendert man den Vektor direkt mit 16 px, kann der Browser die Form sauber auf das Pixelraster legen.
Genau das passiert auf dieser Seite — ein Renderdurchgang pro Größe, alles zusammen in einer einzigen .ico-Datei. Windows und die Browser greifen sich dann jeweils die Größe, die sie brauchen.
drei Schritte
Wähle eine .svg-Datei — sie bleibt auf deinem Gerät.
Hake die gewünschten Größen an; jede wird einzeln gerendert.
Speichere die .ico und leg sie ins Wurzelverzeichnis deiner Website.
kurze Antworten
16, 32 und 48 decken Browser-Tabs, Lesezeichen und die Windows-Taskleiste ab. Nimm 256 dazu, wenn das Icon in der großen Symbolansicht des Explorers auftaucht. Mehr Größen machen die Datei nur größer.
Das ist eine Grenze des Designs, nicht der Umwandlung — 16 × 16 sind insgesamt 256 Pixel. Favicons, die funktionieren, bestehen meist aus einem einzigen Buchstaben oder einer Form. Überleg dir ein vereinfachtes SVG nur fürs Icon.
Ja. Jede Größe wird als 32-Bit-PNG im .ico-Container abgelegt, der Alphakanal bleibt damit erhalten. Schalte die Option aus, wenn du lieber einen festen Hintergrund möchtest.
Es wird ins Quadrat eingepasst und zentriert, der Rest bleibt transparent. Icons wirken besser, wenn die Grafik von vornherein quadratisch angelegt ist.