Bildvektorisierung mit C# – Rasterbild in Vektorgrafik konvertieren

Aspose.SVG bietet einen kostenlosen Online- Bild-Vektorisierer, der browserbasiert ist und auf jeder Plattform funktioniert. Mit dieser App können Sie verschiedene Optionen anwenden, um das perfekte Ergebnis zu erzielen. Sparen Sie Zeit und nutzen Sie diesen kostenlosen Bild-Vektorisierer, um alle Vorteile von Vektorgrafiken zu genießen!

Rasterbilder in C# in SVG konvertieren

Die Bildvektorisierung ist der Prozess der Konvertierung von Rasterbildern wie PNG, JPG, BMP, GIF oder TIFF in skalierbare SVG-Vektorgrafiken. Im Gegensatz zu Bitmap-Bildern behalten SVG-Dateien die Qualität bei jeder Auflösung bei und lassen sich einfacher bearbeiten, optimieren und für Web-, Druck-, CAD- und Grafikdesign-Workflows skalieren.

Mit Aspose.SVG for .NET können Sie Rasterbilder programmgesteuert in C# vektorisieren, ohne externe Grafiksoftware oder browserbasierte Tools zu benötigen. Die API bietet flexible Vektorisierungseinstellungen, mit denen Sie die Pfadglättung, Kurvenvereinfachung, Farbreduzierung und die Komplexität der SVG-Ausgabe steuern können.

Dieser Artikel zeigt Ihnen, wie Sie:

• Rasterbilder in C# in SVG konvertieren.
• Vektorisierungseinstellungen anpassen.
• SVG-Pfade glätten und vereinfachen.
• Die SVG-Dateigröße reduzieren.
• Die Vektorisierungsqualität für Logos, Symbole und Illustrationen verbessern.

Hinweis: Der Namespace Aspose.Svg.ImageVectorization unterstützt gängige Bitmap-Formate (JPG, PNG, BMP, TIFF, GIF) und erzeugt immer eine SVG-Datei.

PNG mit TraceSimplifier in SVG konvertieren

Die Aspose.SVG-Bildvektorisierungs-API bietet Klassen and Methoden, mit denen Sie vor dem Speichern im Vektorformat verschiedene Bildvorverarbeitungsoptionen anwenden können. Der Prozess ermöglicht die Steuerung der folgenden Optionen: TraceSimplifier, TraceSmoother, ColorsLimit und LineWidth.

Sehen wir uns an, wie die Eigenschaft TraceSimplifier die Bildvektorisierung beeinflusst. Zunächst sollten Sie wissen:

• Der Konstruktor ImageTraceSimplifier(tolerance) nimmt die tolerance (Toleranz) als Parameter und initialisiert eine Instanz der Klasse.
• Der tolerance-Wert bestimmt die maximale Fehlertoleranz, die zulässig ist, damit ein Punkt aus der Spur entfernt wird. Er muss im Bereich von 0 bis 4 liegen. Der Standardwert ist 0,3.
• Die Klasse ImageTraceSimplifier ist dafür verantwortlich, die Anzahl der Punkte in einer Kurve zu reduzieren.

Der folgende Codeausschnitt zeigt die Verwendung verschiedener Werte für die Eigenschaft tolerance (TraceSimplifier):

using System.IO;
using Aspose.Svg.ImageVectorization;
using Aspose.Svg.Saving;

// Compare different SplinePathBuilder configurations for image vectorization with varying simplification levels

// Initialize an instance of the ImageVectorizer class and specify configuration properties
ImageVectorizer vectorizer1 = new ImageVectorizer
{
    Configuration =
    {
        PathBuilder = new SplinePathBuilder
        {
            TraceSimplifier = new ImageTraceSimplifier(0.1f),
            TraceSmoother =   new ImageTraceSmoother(2),
        },
        ColorsLimit = 2
    }
};

ImageVectorizer vectorizer2 = new ImageVectorizer
{
    Configuration =
    {
        PathBuilder = new SplinePathBuilder
        {
            TraceSimplifier = new ImageTraceSimplifier(1),
            TraceSmoother =   new ImageTraceSmoother(2),
        },
        ColorsLimit = 2
    }
};

ImageVectorizer vectorizer3 = new ImageVectorizer
{
    Configuration =
    {
        PathBuilder = new SplinePathBuilder
        {
            TraceSimplifier = new ImageTraceSimplifier(2),
            TraceSmoother =   new ImageTraceSmoother(2),
        },
        ColorsLimit = 2
    }
};

// Prepare a path for a source image file
string sourcePath = Path.Combine(DataDir, "formats.png");

// Vectorize raster image from the specified file
using SVGDocument document1 = vectorizer1.Vectorize(sourcePath);
using SVGDocument document2 = vectorizer2.Vectorize(sourcePath);
using SVGDocument document3 = vectorizer3.Vectorize(sourcePath);

// Save the vectorized image as an SVG file
document1.Save(Path.Combine(OutputDir, "formats1.svg"));
document2.Save(Path.Combine(OutputDir, "formats2.svg"));
document3.Save(Path.Combine(OutputDir, "formats3.svg"));

Vektorpfade mit TraceSmoother glätten

Manchmal sehen Konturfragmente wie Sägezahnwellen aus oder wirken gezackt. Sehen wir uns an, wie die Eigenschaft TraceSmoother die Glättung beeinflusst:

• Die Klasse ImageTraceSmoother ist für die Glättung der Punkte in einer Kurve verantwortlich. Sie implementiert den Nearest-Neighbor-Ansatz.
• Der Konstruktor ImageTraceSmoother(severity) nimmt die severity (Intensität) als Parameter.
• Der Wert von severity bestimmt das Ausmaß des Bereichs, der vom Abfragepunkt berücksichtigt wird. Er muss im Bereich von 0 bis 20 liegen.

Sehen wir uns die Auswirkungen von TraceSmoother an:

using System.IO;
using Aspose.Svg.ImageVectorization;
using Aspose.Svg.Saving;

// Vectorize PNG to SVG using ImageVectorizer and custom parameters

// Initialize an instance of the ImageVectorizer class
ImageVectorizer vectorizer = new ImageVectorizer
{
    // Optionally set a configuration
    Configuration =
    {
        // Optionally create an instance of the PathBuilder class
        PathBuilder = new BezierPathBuilder {
        // Optionally set trace smoother
        TraceSmoother = new ImageTraceSmoother(0),
            ErrorThreshold =  30,
            MaxIterations = 30
        },
        ColorsLimit = 10,
        LineWidth = 1
    }
};
// Vectorize image from the specified file
using SVGDocument document = vectorizer.Vectorize(Path.Combine(DataDir, "flower.png"));

// Save vectorized Image as an SVG file 
document.Save(Path.Combine(OutputDir, "flower.svg"));

Fotos in C# in SVG konvertieren

Ist es möglich, ein Foto so in ein Vektorformat zu konvertieren, dass es identisch mit dem Foto aussieht?

SVG ist nicht optimal für fotorealistische Bilder geeignet, da natürliche Farbübergänge schwer darzustellen sind. Vektorgrafiken eignen sich am besten für Logos, Icons und technische Zeichnungen. Dennoch kann die Vektorisierung von Fotos beeindruckende künstlerische Effekte erzielen.

In diesem Abschnitt versuchen wir, ein Foto so zu vektorisieren, dass das Ergebnis dem Foto möglichst nahe kommt:

using System.IO;
using Aspose.Svg.ImageVectorization;
using Aspose.Svg.Saving;

// Convert JPG to SVG in C#

// Initialize an instance of the ImageVectorizer class
ImageVectorizer vectorizer = new ImageVectorizer
{
    // Optionally set a configuration
    Configuration =
    {
        // Optionally create an instance of the PathBuilder class
        PathBuilder = new SplinePathBuilder
        {
            TraceSmoother = new ImageTraceSmoother(1),
            TraceSimplifier = new ImageTraceSimplifier(0.3f)
        },
        ColorsLimit = 25,
        LineWidth = 1
    }
};

// Vectorize image from a specified file
using (SVGDocument document = vectorizer.Vectorize(Path.Combine(DataDir, "horses.jpg")))
{
    // Save the vectorized image as SVG
    document.Save(Path.Combine(OutputDir, "horses-new.svg"));
}

Die Abbildung zeigt das Quellfoto (a), das vektorisierte Bild mit dem Code (b) und das manuell verbesserte vektorisierte Bild (c).

Beim Vektorisierungsprozess wird die Farbbildquantisierung verwendet. Kleine gleichfarbige Bereiche werden durch geometrische Formen ersetzt, wodurch Lücken entstehen können. Dies führt zu weißen Flecken im vektorisierten Bild.

Tipp: Um dieses Problem zu beheben, können Sie die resultierende SVG-Datei manuell bearbeiten. Wir empfehlen, den Wert stroke-width="100" auf "150" oder einen anderen passenden Wert zu ändern.

Das Quellfoto (a) und die resultierende SVG-Datei (c) finden Sie unter: horses.jpg, horses.svg.

Konfigurationsoptionen für die Bildvektorisierung

Aspose.SVG for .NET bietet mehrere Optionen, um die SVG-Qualität, Pfadglätte und Komplexität zu steuern.

Option	Beschreibung	Empfohlene Verwendung
ColorsLimit	Definiert die maximale Anzahl der Farben. Niedrige Werte vereinfachen das SVG, hohe bewahren Details.	Niedrige Werte für Logos; höhere für Illustrationen und Fotos.
ImageSizeLimit	Definiert die maximale Bilddimension (Breite × Höhe). Große Bilder werden ggf. skaliert.	Erhöhen Sie diesen Wert für hochauflösende Quellbilder.
PathBuilder	Bestimmt den Algorithmus zur Pfadgenerierung. Beeinflusst die Kurvenglätte.	Nutzen Sie SplinePathBuilder für glattere Pfade.
TraceSimplifier	Reduziert die Anzahl der Pfadpunkte und vereinfacht die Geometrie.	Hilft, die Dateigröße zu reduzieren und Pfade zu optimieren.
TraceSmoother	Glättet Konturen und reduziert gezackte Kanten.	Empfohlen für verrauschte oder minderwertige Rasterbilder.
LineWidth	Definiert die Breite der generierten Vektorstriche.	Erhöhen Sie den Wert, wenn dünne Konturen verschwinden.

Lizenzbeschränkungen

Die kostenlose Evaluierungsversion von Aspose.SVG bietet fast alle Funktionen, jedoch mit folgenden Einschränkungen:

• Nur 4 dominante Farben werden verwendet.
• Nur 50 % der Knoten des SVG-Dokuments werden gespeichert.

Um Aspose.SVG ohne Einschränkungen zu testen, fordern Sie eine 30-tägige temporäre Lizenz an.

Ergebnisdatei: horses-license.svg.

Häufige Probleme bei der Bildvektorisierung und Lösungen

Problem	Mögliche Ursache	Empfohlene Lösung
Das SVG enthält viele kleine Lücken	ColorsLimit ist zu niedrig.	Erhöhen Sie ColorsLimit (z. B. auf 30–40) oder erhöhen Sie die stroke-width.
Die erzeugte SVG-Datei ist zu groß	Die TraceSimplifier-Toleranz ist zu niedrig.	Erhöhen Sie die Toleranz (typisch 0.7–1.0), um die Pfadpunkte zu reduzieren.
Kanten wirken rau oder gezackt	TraceSmoother ist deaktiviert oder zu niedrig.	Nutzen Sie Glättungswerte zwischen 5 und 10.
Einige Farben fehlen im Ausgabe-SVG	Die Evaluierungsversion begrenzt die Anzahl der verarbeiteten dominanten Farben.	Wenden Sie eine temporäre oder vollständige Aspose.SVG-Lizenz an, um die Vollfarb-Vektorisierung zu aktivieren.
Das SVG enthält zu viele unnötige Pfade	Das Quellbild enthält Rauschen, Gradienten oder Kompressionsartefakte.	Verarbeiten Sie das Bild vor der Vektorisierung vor, indem Sie das Rauschen reduzieren, den Kontrast erhöhen oder einfachere Quellgrafiken verwenden.
Die Fotovektorisierung liefert ungenaue Ergebnisse	Die Raster-zu-Vektor-Trassierung eignet sich am besten für Logos, Icons und Illustrationen, nicht für detaillierte Fotos.	Reduzieren Sie die Anzahl der Farben, erhöhen Sie die Glättung oder verwenden Sie vereinfachte Grafiken anstelle von fotorealistischen Bildern.
Dünne Linien verschwinden	Zu starke Vereinfachung oder Farbreduzierung.	Senken Sie die Toleranz und erhöhen Sie ColorsLimit.

FAQ

1. Wie konvertiere ich PNG in C# in SVG?
Nutzen Sie die Klasse ImageVectorizer in Aspose.SVG for .NET. Die API bietet Einstellungen für Glättung, Vereinfachung und Farbreduzierung.

2. Was ist der Unterschied zwischen Raster- und Vektorbildern?
Rasterbilder bestehen aus Pixeln und verlieren beim Skalieren an Qualität. Vektorgrafiken basieren auf Pfaden und sind ohne Qualitätsverlust skalierbar.

3. Wie kann ich die SVG-Dateigröße nach der Vektorisierung reduzieren?
Erhöhen Sie die Vereinfachungstoleranz, reduzieren Sie die Anzahl der Farben und nutzen Sie Glättungseinstellungen.

4. Welche Bilder eignen sich am besten für die Vektorisierung?
Logos, Icons und Illustrationen mit klaren Kanten und wenigen Farben liefern die besten Ergebnisse.

5. Kann ich den Vektorisierungsprozess anpassen?
Ja. Aspose.SVG ermöglicht die Konfiguration von Farblimits, Pfadbauern, Glättung und Bildgrößen.

Zugehörige Ressourcen

• Bildvektorisierungs-Workflow – Beschreibt den Prozess und die Optionen.
• Bild-Stencil – Erstellen Sie Schablonen aus Bildern.
• Text-Vektorisierung – Text in Pfade umwandeln.
• Online Bild-Vektorisierer – Vektorisierung direkt im Browser testen.