用 C# 将图像转换为 SVG – 将 JPG、PNG、BMP、TIFF、GIF 和 ICO 矢量化

矢量化是将光栅图像转换为矢量图形的过程，矢量图形使用贝塞尔曲线、样条曲线和线条等元素。这一过程至少包括颜色量化、检测单色图形的边界、用贝塞尔曲线或多边形对其进行逼近，以及通过降噪改善路径质量。结果以 SVG 文件等矢量图像格式保存。

Aspose.SVG for .NET 提供了两种功能强大的方法，可通过矢量化将光栅图像转换为 SVG 格式：

• 转换器类的 ConvertImageToSVG() 方法是使用配置预置对图像进行矢量化的一种快速而简便的方法。
• ImageVectorization 名称空间包括用于实现对矢量化过程的更大控制的类和接口。

本文介绍使用 Converter.ConvertImageToSVG() 方法将JPG、PNG、BMP、TIFF、GIF和 ICO 等光栅图像转换为 SVG 的基本概念和实际示例。

要进一步了解如何使用 ImageVectorization API 将图像转换为矢量图形，请参阅 图像和文本矢量化 章节。您将看到图像矢量化过程的描述、矢量化算法和参数的使用，以及使用 Vectorize() 方法的 C# 示例。

将图像转换为 SVG

将光栅图像转换为 SVG 可实现可缩放、与分辨率无关的图形，这些图形在任何尺寸下都能保持清晰，是网页设计和其他应用的理想选择。下面的示例演示了如何使用 “ConvertImageToSVG() “方法将光栅 PNG 图像转换为 SVG：

• 转换过程从创建 ImageVectorizerConfiguration 对象开始。该配置可控制矢量化的工作方式，包括要保留的颜色数量、应用的平滑程度、用于跟踪轮廓的方法以及其他设置。
• ConvertImageToSVG(configuration, imageFile, outputFile) 方法对输入图像进行矢量化，将其转换为可缩放的 SVG 格式并保存到指定的输出路径。

添加以下命名空间

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

C# code for image to SVG conversion:

// Convert Image to SVG using C#

// Prepare paths for a source image file and output SVG file
string imageFile = Path.Combine(DataDir, "flower-pink.png");
string outputFile = Path.Combine(OutputDir, "flower-pink.svg");

// Create a configuration object
ImageVectorizerConfiguration configuration = new ImageVectorizerConfiguration
{
    PathBuilder =
                new BezierPathBuilder
                {
                    TraceSmoother = new ImageTraceSmoother(3),
                    ErrorThreshold = 5,
                    MaxIterations = 5
                },
    ColorsLimit = 15,
    LineWidth = 2
};

// Convert Image to SVG
Converter.ConvertImageToSVG(configuration, imageFile, outputFile);

图中显示了图像矢量化的结果：a) 原始 PNG 图像；b) 生成的 SVG：

矢量化选项

要获得最佳效果，可以尝试使用不同的配置选项。例如，较低的颜色限制和较高的平滑度可以创建更加抽象和风格化的图像，而较高的精确度设置则可以保留更多细节，但会牺牲复杂性。

ImageVectorizerConfiguration 类的一些属性：

• ColorsLimit – 设置用于量化图像的最大颜色数。降低其值可简化输出并减小文件大小。
• LineWidth – 控制跟踪边缘的视觉粗细。

BezierPathBuilder 类的属性：

• TraceSmoother – 调整曲线和直线的平滑程度。
• ErrorThreshold 和 MaxIterations – 这些参数会影响路径精度和性能。

将流式图像转换为 SVG

Aspose.SVG for .NET既支持基于文件的工作流，也支持基于流的工作流，因此可灵活地用于桌面、网络和面向服务的应用程序。下面的示例展示了如何应用 ConvertImageToSVG(configuration, inputStream, outputFile) 方法将 JPG 转换为 SVG：

// Convert raster image JPG to vector SVG using C#

// Prepare input and output
string imagePath = Path.Combine(DataDir, "tulip.jpg");
string outputFile = Path.Combine(OutputDir, "tulip.svg");

// Open the image as a FileStream
using (FileStream inputStream = new FileStream(imagePath, FileMode.Open, FileAccess.Read))
{
    // Create vectorization configuration
    ImageVectorizerConfiguration configuration = new ImageVectorizerConfiguration
    {
        PathBuilder = new BezierPathBuilder
        {
            TraceSmoother = new ImageTraceSmoother(1),
            ErrorThreshold = 10,
            MaxIterations = 1
        },
        ColorsLimit = 30,
        LineWidth = 1
    };

    // Perform conversion from image stream to SVG
    Converter.ConvertImageToSVG(configuration, inputStream, outputFile);
}

Console.WriteLine("Image converted to SVG successfully.");

图中显示了图像矢量化的结果：a) 原始 JPG 图像；b) 生成的 SVG：

结论和建议

1. 使用 ConvertImageToSVG() 方法可通过自定义设置快速将图像转换为 SVG。
2. 使用以下建议可获得最佳效果和性能：

• 在转换前优化源图像：使用对比色图像帮助转换器检测清晰的边界；调整大图像的大小以加快处理速度并提高质量。
• 选择合适的 ImageVectorizerConfiguration 设置。即使使用默认值，转换也能产生高质量的 SVG 输出。不过，为了在准确性和简便性之间取得理想的平衡，通常需要对这些参数进行微调。

3. 在处理上传文件、内存图像或云数据时，使用基于流的输入，这样可以避免临时文件，提高性能。
4. 对于大型数据集，建立一个循环来批量转换图像，并进行错误处理和记录。
5. 请务必在浏览器或矢量编辑器中打开并检查生成的 SVG，以验证质量。

另见

• 如果您有兴趣了解如何使用 C# 从光栅图像创建矢量模板，请参阅文章 图像模板 – 在 C# 中创建模板图像。
• 您可以使用网络应用程序 模板绘制 体验从图像创建矢量模板。
• 在 图像矢量化工作流程 一文中，您将了解图像矢量化过程的工作原理，如何应用矢量化算法和配置选项，以及如何使用 ImageVectorizer 类将 PNG、JPG、BMP、TIFF、GIF 和 ICO 等光栅图像转换为可缩放的 SVG 文档。

Aspose.SVG 提供免费的在线 图像到 SVG 转换器，可在任何平台上运行，并提供准确高效的转换。使用此应用程序，您可以应用一系列选项来实现完美的结果。节省您的时间，使用这款免费的图像到 SVG 转换器，获取矢量图形的所有好处！