Bild-zu-SVG-Konverter

Ein Rasterbild in einen skalierbaren Vektor verwandeln

PNG- und JPG-Dateien bestehen aus Pixeln und werden daher unscharf oder pixelig, wenn Sie sie vergrößern. Ein SVG beschreibt dasselbe Bild dagegen mit mathematischen Formen und bleibt deshalb in jeder Größe gestochen scharf — auf einer Visitenkarte, einer Plakatwand oder einem hochauflösenden Smartphone-Display. Dieser Bild-zu-SVG-Konverter zeichnet die Umrisse jedes Farbbereichs Ihres Bildes nach und baut sie als Vektorpfade neu auf. Ideal, um ein Logo wiederherzustellen, von dem Sie nur ein kleines PNG haben, eine gescannte Skizze oder Unterschrift in saubere Strichgrafik umzuwandeln, Motive für einen Schneideplotter oder Lasergravierer vorzubereiten oder schlanke Icons für eine Website zu erstellen.

Die Vektorisierung läuft vollständig in Ihrem Browser mit der Open-Source-Bibliothek imagetracerjs. Ihr Bild wird nie hochgeladen, sodass vertrauliche Entwürfe und Kundenmotive auf Ihrem Gerät bleiben. Große Bilder werden zunächst auf die gewählte Trace-Auflösung verkleinert, damit der Vorgang schnell bleibt, und das resultierende SVG wird anschließend wieder hochskaliert, sodass es die Originalmaße behält.

Farben, Detailgrad und Glättung wählen

Der Farben-Regler legt fest, auf wie viele flächige Farben das Bild vor dem Nachzeichnen reduziert wird. Zwei Farben ergeben eine klare Schwarz-Weiß-Schablone, 8–16 Farben eignen sich für die meisten Logos und Illustrationen, und höhere Werte bewahren mehr Schattierungen auf Kosten einer größeren Datei. Die Einstellung Detail bestimmt, wie genau die Pfade den Pixeln folgen und wie klein eine Form sein darf, bevor sie ignoriert wird: „Low“ liefert glatte, kompakte Ergebnisse, „High“ erhält feine Details und winzige Punkte. Vorab-Weichzeichnung mildert Rauschen und JPEG-Artefakte vor dem Nachzeichnen und entfernt so gezackte Kanten und verirrte Punkte in Fotos und minderwertigen Scans.

Tipps für das sauberste Ergebnis

Beginnen Sie mit der größten und saubersten Vorlage, die Sie haben, und schneiden Sie alles Überflüssige weg. Probieren Sie bei Logos zuerst wenige Farben mit dem Detailgrad „Medium“ und erhöhen Sie die Werte nur, wenn Teile verschwinden. Achten Sie auf die Anzahl der Pfade und die Dateigröße, die nach jedem Durchlauf angezeigt werden: Ein einfaches Icon sollte mit Dutzenden oder Hunderten Pfaden auskommen, nicht mit Zehntausenden. Das heruntergeladene SVG enthält eine viewBox, skaliert daher responsiv in HTML und CSS und lässt sich in jedem Vektoreditor öffnen, um Formen umzufärben, die Hintergrundebene zu löschen oder Pfade weiter zu vereinfachen.