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?
- Laden Sie das Quell-Rasterbild aus dem lokalen Dateisystem. Die Benutzeroberfläche zeigt drei Bereiche: Source Image, Quantized Image und Vectorized Image.
- Die Engine verarbeitet
Imagemit 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. - 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:
- Initialisieren Sie den
ImageVectorizer
и greifen Sie auf seine
Configurationzu.- 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).
- Übergeben Sie Ihre Bilddatei an die Methode Vectorize() .
- 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
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.
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.
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.
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.