Конвертировать SVG в PNG – код C# и онлайн-конвертер

Формат файлов PNG поддерживает сжатие изображений без потерь, что делает его популярным среди пользователей. Он имеет два основных применения: World Wide Web и редактирование изображений. Широко используются для передачи изображений по сети, отображения фотографий и графики на веб-страницах и резервирования в облачных хранилищах. Существуют некоторые ограничения на использование SVG на веб-страницах, поэтому иногда необходимо конвертировать SVG в PNG. С помощью Aspose.HTML вы можете программно конвертировать формат SVG в PNG с полным контролем над широким диапазоном параметров преобразования.

В этой статье вы найдете информацию о преобразовании SVG в PNG с помощью ConvertSVG() методов класса Converter и применения ImageSaveOptions и ICreateStreamProvider. Кроме того, вы можете попробовать онлайн-конвертер SVG, чтобы протестировать функциональность Aspose.HTML API и конвертировать SVG на лету.

Онлайн SVG Конвертер

Вы можете конвертировать SVG в другие форматы с помощью Aspose.HTML API в режиме реального времени. Пожалуйста, загрузите SVG из локальной файловой системы, выберите выходной формат и запустите пример. Параметры сохранения установлены по умолчанию. Вы сразу же получите результат конвертации в виде отдельного файла.

Если вы хотите программно преобразовать изображение SVG в PNG, рассмотрим следующие примеры кода C#.

SVG в PNG одной строкой кода!

Статические методы класса Converter в основном используются как самый простой способ конвертировать файл SVG в различные форматы. Вы можете преобразовать SVG в PNG в своем приложении C# буквально с помощью одной строки кода!

В следующем примере мы берем файл SVG в локальной файловой системе ( shapes.svg), преобразуем и сохраняем его в локальной файловой системе.

// Invoke the ConvertSVG() method for SVG to PNG conversion
Converter.ConvertSVG(Path.Combine(DataDir, "shapes.svg"), new ImageSaveOptions(), Path.Combine(OutputDir, "convert-with-single-line.png"));

Конвертировать SVG в PNG

Преобразование файла в другой формат методом ConvertSVG() представляет собой последовательность операций, среди которых загрузка и сохранение документа. В следующем примере мы создаем файл SVG из кода.

1. Подготовьте код для документа SVG.
2. Создайте новый объект ImageSaveOptions. По умолчанию свойство Format имеет значение PNG.
3. Используйте ConvertSVG(content, baseUri, options, outputPath) метод класса Converter для сохранения SVG в виде изображения PNG.

// Prepare SVG code
var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
           "<circle cx ='100' cy ='100' r ='60' fill='none' stroke='red' stroke-width='10' />" +
           "</svg>";

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "circle.png");

// Create an instance of the ImageSaveOptions class
var options = new ImageSaveOptions();

// Convert SVG to PNG
Converter.ConvertSVG(code, ".", options, savePath);

Вы можете скачать полные примеры и файлы данных с GitHub.

Параметры сохранения

Aspose.HTML позволяет конвертировать SVG в PNG, используя стандартные или пользовательские параметры сохранения. Использование ImageSaveOptions позволяет настроить процесс рендеринга. Вы можете указать формат изображения, размер страницы, поля, цвет фона и т. д.

Property	Description
Compression	Sets Tagged Image File Format (TIFF) Compression. By default, this property is LZW.
CSS	Gets a CssOptions object which is used for configuration of CSS properties processing.
Format	Sets the ImageFormat (JPG, PNG, BMP, TIFF, or GIF). By default, this property is PNG.
BackgroundColor	This property sets the color that will fill the background. By default, this property is Transparent.
PageSetup	This property gets a page setup object and uses it for configuration output page-set.
HorizontalResolution	Sets horizontal resolution for output images in pixels per inch. The default value is 300 dpi.
VerticalResolution	Sets vertical resolution for output images in pixels per inch. The default value is 300 dpi.
UseAntialiasing	This property sets the image rendering quality. Antialiasing is enabled by default.
Text	Gets a TextOptions object which is used for configuration of text rendering.

Конвертировать SVG в PNG с использованием ImageSaveOptions

Чтобы преобразовать SVG в PNG с указанием ImageSaveOptions, вы должны выполнить несколько шагов:

1. Загрузите файл SVG с помощью одного из конструкторов SVGDocument() класса SVGDocument. ( flower1.svg).
2. Создайте новый объект ImageSaveOptions и укажите параметры сохранения. По умолчанию свойство Format имеет значение PNG.
3. Используйте метод ConvertSVG(), чтобы сохранить SVG как изображение PNG. Вам нужно передать SVGDocument, ImageSaveOptions и путь к выходному файлу методу ConvertSVG() для преобразования SVG в PNG.

В следующем фрагменте кода C# показано, как преобразовать SVG в PNG с помощью пользовательских параметров сохранения:

// Prepare a path to a source SVG file
string documentPath = Path.Combine(DataDir, "flower1.svg");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "flower-options.png");

// Initialize an SVG document from the file
using var document = new SVGDocument(documentPath);

// Create an instance of the ImageSaveOptions class. Set up the SmoothingMode, resolutions, and change the background color to AliceBlue 
var options = new ImageSaveOptions()
{
    HorizontalResolution = 200,
    VerticalResolution = 200,
    BackgroundColor = System.Drawing.Color.AliceBlue,
    UseAntialiasing = true,
};            

// Convert SVG to PNG
Converter.ConvertSVG(document, options, savePath);

В приведенном выше примере мы используем:

• Свойство BackgroundColor, задающее цвет, которым будет заполняться фон. По умолчанию BackgroundColor имеет значение Transparent;
• Свойства HorizontalResolution и VerticalResolution, которые устанавливают горизонтальное/вертикальное разрешение для выходных изображений в пикселях на дюйм. По умолчанию эти свойства равны 300 dpi;
• Свойство UseAntialiasing, задающее качество рендеринга для этого изображения. В этом примере используется UseAntialiasing = true для качественного рендеринга, требующего сглаживания.

Используйте UseAntialiasing = true, если вы хотите улучшить визуальное качество фигур, текста и изображений в вашем приложении, особенно когда важны четкость и сглаженные края. Включение UseAntialiasing сглаживает неровные края путем смешивания цветов пикселей по краям, что приводит к более мягкому, более утонченному виду.

Хотя UseAntialiasing = true обеспечивает лучшее визуальное качество, это также может увеличить время обработки. Для приложений, где скорость визуализации является приоритетом, может быть оптимальным установить UseAntialiasing = false.

На рисунке показан фрагмент файла flower-options.png.

Output Stream Providers

Если требуется сохранить файлы в удаленном хранилище (например, в облаке, базе данных и т. д.), вы можете реализовать ICreateStreamProvider для ручного управления процессом создания файла. Этот интерфейс разработан как объект обратного вызова для создания потока в начале документа/страницы (в зависимости от выходного формата) и освобождения ранее созданного потока после рендеринга документа/страницы.

Aspose.HTML for .NET предоставляет различные типы выходных форматов для операций рендеринга. Некоторые из этих форматов создают один выходной файл (например, PDF, XPS), другие создают несколько файлов (форматы изображений – JPG, PNG и т. д.).

В приведенном ниже примере показано, как реализовать и использовать собственный MemoryStreamProvider в приложении:

class MemoryStreamProvider : Aspose.Html.IO.ICreateStreamProvider
{
    // List of MemoryStream objects created during the document rendering
    public List<MemoryStream> Streams { get; } = new List<MemoryStream>();

    public Stream GetStream(string name, string extension)
    {
        // This method is called when only one output stream is required, for instance for XPS, PDF or TIFF formats
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public Stream GetStream(string name, string extension, int page)
    {
        // This method is called when the creation of multiple output streams are required. For instance, during the rendering HTML to list of image files (JPG, PNG, etc.)
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public void ReleaseStream(Stream stream)
    {
        // Here you can release the stream filled with data and, for instance, flush it to the hard-drive
    }

    public void Dispose()
    {
        // Releasing resources
        foreach (var stream in Streams)
            stream.Dispose();
    }
}

// Create an instance of MemoryStreamProvider
using var streamProvider = new MemoryStreamProvider();

// Prepare SVG code
var code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
           "<circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' />" +
           "</svg>";

// Convert SVG to PNG using the MemoryStreamProvider
Converter.ConvertSVG(code, ".", new ImageSaveOptions(), streamProvider);

// Get access to the memory stream that contains the result data
var memory = streamProvider.Streams.First();
memory.Seek(0, SeekOrigin.Begin);

// Flush the result data to the output file
using (FileStream fs = File.Create(Path.Combine(OutputDir, "stream-provider.png")))
{
    memory.CopyTo(fs);
}

Проверьте качество преобразования SVG в PNG с помощью нашего онлайн-конвертера SVG в PNG. Загружайте, конвертируйте файлы и получайте результаты за несколько секунд. Попробуйте наш мощный конвертер SVG в PNG бесплатно прямо сейчас!

Загрузите нашу библиотеку Aspose.HTML for .NET, которая позволит вам успешно, быстро и легко конвертировать HTML, MHTML, EPUB, SVG и Markdown документы в самые популярные форматы.

Вы можете скачать полные примеры и файлы данных с GitHub.