Online-Stencil-Maker

Wenn Sie Ihre Fotos oder Bilder in Schablonen verwandeln müssen, nutzen Sie unser kostenloses Online-Tool! Es erstellt Bildschablonen и ermöglicht es Ihnen, diese für skalierbare и klare Vektorgrafiken zu vektorisieren. Der Stencil Maker unterstützt viele Bildformate, einschließlich JPEG, JPG, PNG, BMP, ICO, GIF, TIFF, WEBP, SVG и mehr.




Was ist ein Image Stencil?

Image Stenciling (Schablonisierung) ist ein Prozess, der ein gewöhnliches Bild oder Foto in ein Umrissbild verwandelt, das als Schablone für Graffiti-ähnliche Effekte verwendet werden kann. Es gibt mehrere grundlegende Schritte, um ein Foto oder Bild in eine Schablone zu verwandeln:

  • Konvertieren Sie ein Foto oder Bild in Graustufen (optional, da Sie stattdessen die Anzahl der Farben zur Quantisierung reduzieren können).
  • Quantisieren Sie die Bildfarben, um das Bild zu vereinfachen – danach können Sie das Ergebnis herunterladen oder vektorisieren и die Schablonenformlinien erhalten.
  • Es gibt drei Optionen für das Zeichnen von Schablonen: “None”, wenn alle vektorisierten Formen gefüllt sind; “Auto”, wenn die Formen nicht gefüllt sind и die Ränder die “Originalfarbe” haben; и “MonoColor”, wenn die Formen ebenfalls nicht gefüllt sind, aber die Ränder eine vordefinierte Farbe haben.

Wie verwende ich den Bildvektorisierer?

  1. Laden Sie das Quell-Rasterbild aus dem lokalen Dateisystem. Die Benutzeroberfläche zeigt drei Bereiche: Source Image, Quantized Image und Vectorized Image.
  2. Die Engine verarbeitet Image mit den Standardeigenschaften. Um die SVG-Ausgabe zu optimieren, verwenden Sie die Seitenleisten, um die Quantisierungs- und Vektorisierungsparameter anzupassen. Klicken Sie auf Quantize, um die Palettenreduzierung in der Vorschau anzuzeigen, und anschließend auf Vectorize, um die SVG-Pfade zu rendern.
  3. Klicken Sie auf Download, um die generierte Vektordatei zu speichern.

Quantization Options

Passen Sie diese Einstellungen an, um zu steuern, wie der Algorithmus Pixel gruppiert und die anfängliche Farbpalette reduziert:

  • colors – Legt die genaue maximale Palettengröße fest.
  • method – Wechselt zwischen histogrammbasierten Farbquantisierungsalgorithmen.
  • minHueCols – Steuert die Empfindlichkeitsgrenzen für die Verarbeitung von Farbverläufen.
  • scale – Passt den Skalierungsfaktor für eine feinere oder gröbere Farbabtastung an.
  • grayscale – Erzwingt die Ausgabe in monochromen Grenzen.

Vectorization Options

Steuert das geometrische Nachzeichnungsverhalten, das auf die quantisierte Karte angewendet wird:

  • threshold – Definiert die Pixelempfindlichkeitsbeschränkung zur Erkennung von Grenzlinien.
  • severity – Modifiziert die Konturglättung mithilfe der räumlichen Größenmethode des nächsten Nachbarn.
  • line-width – Bestimmt die Strichstärke, die den generierten SVG-Linien zugewiesen wird.
  • stencil – Wendet eine binäre Konturmaske an, ideal zum Konvertieren von Fotos mit kontinuierlichen Tönen in Schablonensilhouetten.
  • trace paths – Schaltet das visuelle Rendering der Kontrollpunkte der Bézierkurve und des Splines um, die zum Aufbau von Segmenten verwendet werden.

So erstellen Sie Stencils in C#

Sie können Schabloneneffekte einfach in Ihren Workflow integrieren. Mit der ImageVectorizer-Klasse и dem StencilConfiguration-Objekt können Sie spezifische Stencil-Typen и Farben definieren, um hochgradig anpassbare Grafiken zu erstellen.


Stencil via C# erstellen

    // 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(1),
                ErrorThreshold = 30,
                MaxIterations = 30
            },
            ColorsLimit = 10,
            LineWidth = 1,
            // Set stencil effect configuration
            Stencil = new StencilConfiguration { Type = StencilType.MonoColor, Color = Aspose.Svg.Drawing.Color.FromRgb(0,0,255) }
        }
    };
    
    // Vectorize image from the specified file
    using (SVGDocument document = vectorizer.Vectorize(Path.Combine(DataDir, "image.png")))
    {
        // Save the vectorized image with the stencil effect as an SVG file
        document.Save(Path.Combine(OutputDir, "image-stencil.svg"));
    }

Schritte zum Erstellen von Stencils in C#

Mit Aspose.SVG können Sie aus jedem Rasterbild in drei Schritten eine Schablone erstellen:

  1. Initialisieren Sie den ImageVectorizer и greifen Sie auf seine Configuration zu.
    • Richten Sie einen PathBuilder ein, um glatte Vektorkurven zu verfolgen.
    • Definieren Sie Ihr ColorsLimit (z. B. 10), um das Quellbild zu vereinfachen.
    • Konfigurieren Sie die Stencil -Eigenschaft (wie StencilType.MonoColor).
  2. Übergeben Sie Ihre Bilddatei an die Methode Vectorize() .
  3. Speichern Sie das Ergebnis mit dem Befehl Save() .

Einen vollständigen Überblick erhalten Sie im Handbuch Vektorisierung – Grundlegende Übersicht . Dieses Handbuch führt Sie durch die Kernkonzepte des Ersetzens von Rasterbildern durch mathematisch skalierbare Vektorpfade, einschließlich der Verarbeitung von Formaten wie PNG, JPG, BMP, TIFF, GIF и ICO in SVG-Dokumente.


FAQ

1. Wie kann ich Image-Bilder in C# programmgesteuert vektorisieren?

Sie können die Klasse ImageVectorizer in Aspose.SVG verwenden, um Image-Bitmaps zu parsen und in SVG-Pfade zu konvertieren. Die .NET-API bietet direkten Zugriff auf Quantisierungsalgorithmen, Pfad-Builder und Glättungskonfigurationen und führt die Konvertierung unabhängig von externer Grafiksoftware aus.

2. Was passiert bei der Raster-zu-Vektor-Konvertierung?

Die Vektorisierung analysiert das flache 2D-Pixel-Array eines Quell-Bitmaps und rekonstruiert seine visuellen Daten in mathematische Linien, Bezier-Kurven und geometrische Formen. Dies übersetzt auflösungsabhängige Rasterdateien in universell skalierbare Vektorelemente.

3. Warum sollte man die Bildvektorisierung in .NET-Anwendungen implementieren?

Die Vektorisierung alter Raster-Assets wie Logos, Blaupausen und technischer Diagramme ermöglicht eine unendliche Skalierung ohne Qualitätsverlust. Durch die Automatisierung können Entwickler dynamisch reaktionsfähige, auflösungsunabhängige UI-Assets oder druckfertige Grafiken direkt auf ihrer Serverinfrastruktur generieren.

4. Wie funktioniert der Algorithmus zur Bildvektorisierung?

Die Vektorisierungs-Engine wendet zuerst eine Farbquantisierung an, um ähnliche Pixel zu gruppieren und visuelles Rauschen zu reduzieren. Als Nächstes erkennen Konturverfolgungsalgorithmen Grenzregionen und erstellen Formen aus kontinuierlichen Pixelclustern. Schließlich werden diese Grenzen unter Verwendung von Spline- oder Bezier-Kurvenknoten in standardisierte SVG-<path>-Elemente berechnet.



Quellbildformat

Digitale Bilder lassen sich im Allgemeinen in zwei Architekturparadigmen einteilen: Raster und Vektor. Das Rasterbild (wie JPEG, PNG oder BMP) ist strukturell durch ein striktes 2-D-Array von Pixeln definiert, bei dem jede feste grafische Koordinate spezifischen Farbdaten zugeordnet ist. Während diese Bitmap-Matrix komplexe fotografische Verläufe und kontinuierliche Farbtöne mühelos verarbeitet, leidet sie nativ unter starker Qualitätsverschlechterung beim Skalieren. Da die Dimensionen des Gitters und die Pixelanzahl starr festgelegt sind, führen Skalierungsalgorithmen mathematisch zu Artefakten, Unschärfe oder aggressiven Treppeneffekten. In Vektorisierungs-Workflows erfordert das Parsen dieser Rasterstrukturen komplexe mathematische Berechnungen, um statische Farbbereiche zu isolieren und sie als responsive, auflösungsunabhängige SVG-Strukturen neu zu erstellen.

Ausgabe-SVG-Format

SVG (Scalable Vector Graphics) ist eine XML-basierte Sprache zur Beschreibung zweidimensionaler Vektorgrafiken. Im Gegensatz zu pixelbasierten Rasterformaten speichert SVG die Bildgeometrie als mathematische Formeln (Pfade, Formen, Text und SVG-Filter). Diese auflösungsunabhängige Architektur ermöglicht eine unendliche Skalierung ohne Qualitätsverlust. Standardisiert durch das W3C, lässt sich SVG direkt in Web-APIs, DOM-Manipulationen und CSS integrieren und ist damit das bevorzugte Format für responsive Webanwendungen, Icons und dynamische Visualisierungen.

Erste Schritte mit der Aspose.SVG for .NET API

Wenn Sie an der Entwicklung skalierbarer Vektorgrafiken und deren Anwendung interessiert sind, installieren Sie unser flexibles, schnelles Aspose.SVG for .NET API mit einem leistungsstarken Satz von Schnittstellen für C# und andere .NET-Programmiersprachen.
Installieren Sie über die Befehlszeile als nuget install Aspose.SVG oder über die Paket-Manager-Konsole von Visual Studio mit Install-Package Aspose.SVG. Alternativ können Sie das Offline-MSI-Installationsprogramm oder DLLs in einer ZIP-Datei von downloads herunterladen. Aspose.SVG für die .NET-API ist eine eigenständige Bibliothek und nicht davon abhängig jede Software für die Verarbeitung von SVG-Dokumenten.
Weitere Einzelheiten zur Installation der C#-Bibliothek und zu den Systemanforderungen finden Sie in der Aspose.SVG-Dokumentation.

Andere unterstützte Vektorisierer

Text to Vector (SVG Text)
JPG to SVG (JPEG Image)
PNG to SVG (Portable Network Graphics)
Image to SVG (Raster Image)
BMP to SVG (Microsoft Windows Bitmap)
GIF to SVG (Graphical Interchange Format)
TIFF to SVG (Tagged Image File Format)
Stencil Drawing (Stencil Maker)