MV Tools

Praktischer Vektor- und Favicon-Ablauf

Ein Quellbild für PNG-zu-SVG-Vektorisierung und Favicons auswählen

Ein Ablauf zum Prüfen eines vektorisierten SVG und zum Erstellen eines Favicon-Pakets direkt im Browser.

MV Tools RedaktionAktualisiert 7 Min. Lesezeit

Tool öffnen

Mit dem Einsatzzweck beginnen

SVG eignet sich für skalierbare einfache Marken; ein Favicon muss bei 16 oder 32 Pixeln erkennbar bleiben. Original behalten und nach Ziel wählen.

Die Vektorisierung wandelt Pixel in Pfade um und stellt das ursprüngliche Design nicht wieder her. Logos, Symbole, Linien und Silhouetten funktionieren besser als Fotos, Texturen, Schatten und Verläufe.

Eine einfache Marke lässt sich besser nachzeichnen und bleibt als Favicon erkennbar.
Eine einfache Marke lässt sich besser nachzeichnen und bleibt als Favicon erkennbar.

PNG vorbereiten

Verwenden Sie das schärfste PNG, beschneiden Sie unnötige Ränder und entfernen Sie Rauschen. Wenn ein ursprüngliches SVG oder eine Vektordatei vorhanden ist, verwenden Sie diese statt eines erneut vektorisierten Rasterexports.

Farbe für farbige Marke, Schwarzweiß für Linien oder Silhouette; mit mittlerem Detail beginnen.

Mit einem repräsentativen Bild starten und die Einstellungen prüfen.
Mit einem repräsentativen Bild starten und die Einstellungen prüfen.

Ein Ergebnis vor dem Stapel prüfen

Ein repräsentatives Bild einstellen und Kurven, Kanten, Löcher, Striche und Größe prüfen.

Der Stapel akzeptiert 20 PNG und verarbeitet Dateien unabhängig; ZIP laden und mehrere Ergebnisse prüfen.

SVG herunterladen und tatsächliche Pfade sowie Größe prüfen.
SVG herunterladen und tatsächliche Pfade sowie Größe prüfen.
Eine einfache Marke lässt sich besser nachzeichnen und bleibt als Favicon erkennbar.
Eine einfache Marke lässt sich besser nachzeichnen und bleibt als Favicon erkennbar.
Konturen und Aussparungen in der benötigten Größe vergleichen.
Konturen und Aussparungen in der benötigten Größe vergleichen.

Ein einfaches Favicon erstellen

Quadratische kontrastreiche Marke mit wenigen Details wählen; kleiner Text verschwindet bei 16 Pixeln.

Der lokale Generator erstellt PNG 16, 32, 48, 180, 192 und 512 px, ICO und Webmanifest als ZIP.

Der Generator läuft im Browser; die Quelle wird nicht an das Backend gesendet.
Der Generator läuft im Browser; die Quelle wird nicht an das Backend gesendet.

Daten-Grenzen trennen

Die PNG-zu-SVG-Vektorisierung erfolgt vorübergehend auf dem Server. Es gelten 20 MB pro Datei, 16 Megapixel für das Bild, 2,5 Megapixel für die Vektorisierung, zwei Minuten Verarbeitungszeit sowie eine auf 30 Minuten eingestellte Aufbewahrung mit geplanter Bereinigung.

Favicon-Erzeugung ist lokal im Browser; das Quellbild wird nicht hochgeladen.

Kleine Vorschauen vor dem Einbinden in eine Website prüfen.
Kleine Vorschauen vor dem Einbinden in eine Website prüfen.

Häufige Fragen

Wird ein Foto sauberer Vektor?

Meist nicht; es erzeugt viele Pfade.

Zuerst Stapel nutzen?

Nein, erst ein Bild testen.

Wird das Favicon hochgeladen?

Nein, es ist lokal.