Конвертировать HTML в JPG – примеры C# и онлайн-конвертер

Файлы JPG могут содержать данные изображения высокого качества со сжатием без потерь. Эта уникальная функция сжатия позволяет быстро и эффективно обмениваться изображениями JPG и широко использовать их в Интернете, на компьютерах и мобильных устройствах. Преобразование файлов HTML в изображение JPG может потребоваться, например, если вы хотите добавить веб-страницу в презентацию PowerPoint или отправить ее по электронной почте. Использование методов Converter.ConvertHTML() является наиболее распространенным способом преобразования HTML-кода в различные форматы. JPG является широко используемым форматом для хранения изображений, а преобразование HTML в JPG очень популярно. С помощью Aspose.HTML вы можете программно конвертировать HTML в формат JPG с полным контролем над широким диапазоном параметров преобразования.

В этой статье вы найдете информацию о преобразовании HTML в JPG с помощью ConvertHTML() методов класса Converter и применения ImageSaveOptions и ICreateStreamProvider.

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

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

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

HTML в JPG одной строкой кода

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

using System.IO;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
...
    // Invoke the ConvertHTML() method to convert the HTML code to JPG image
    Converter.ConvertHTML(@"<h1>Convert HTML to JPG!</h1>", ".", new ImageSaveOptions(ImageFormat.Jpeg), Path.Combine(OutputDir, "convert-with-single-line.jpg"));

Конвертировать HTML в JPG

Преобразование файла в другой формат методом ConvertHTML() представляет собой последовательность операций, среди которых загрузка и сохранение документа:

1. Загрузите файл HTML с помощью класса HTMLDocument ( spring.html).
2. Создайте новый объект ImageSaveOptions с JPG ImageFormat. По умолчанию свойство Format имеет значение PNG.
3. Используйте метод ConvertHTML() класса Converter, чтобы сохранить HTML как изображение JPG. Вам необходимо передать HTMLDocument, ImageSaveOptions и путь к выходному файлу методу ConvertHTML() для преобразования HTML в JPG.

Взгляните на следующий фрагмент кода C#, в котором показан процесс преобразования HTML в JPG с использованием Aspose.HTML для .NET.

using System.IO;
using Aspose.Html;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
...
    // Prepare a path to a source HTML file
    string documentPath = Path.Combine(DataDir, "spring.html");

    // Prepare a path for converted file saving 
    string savePath = Path.Combine(OutputDir, "spring-output.jpg");

    // Initialize an HTML document from the file
    using var document = new HTMLDocument(documentPath);

    // Initialize ImageSaveOptions 
    var options = new ImageSaveOptions(ImageFormat.Jpeg);

    // Convert HTML to JPG
    Converter.ConvertHTML(document, options, savePath);

На рисунке показан файл spring-output.jpg.

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

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

Функциональность создания изображений JPG может быть расширена с помощью параметров сохранения в соответствии с вашими потребностями. Aspose.HTML позволяет конвертировать HTML в JPG, используя стандартные или пользовательские параметры сохранения. Использование ImageSaveOptions позволяет настроить процесс рендеринга. Вы можете указать формат изображения, размер страницы, поля, CSS media-тип и т. д.

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.
SmoothingMode	This property sets the rendering quality for this image. Available values are Invalid, Default, HighSpeed, HighQuality, None, and AntiAlias.
Text	Gets a TextOptions object which is used for configuration of text rendering.

В следующем примере показано, как использовать ImageSaveOptions и создать выходное изображение с пользовательскими параметрами сохранения, такими как размер страницы и цвет фона:

using System.IO;
using Aspose.Html;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
using System.Drawing;
using Aspose.Html.Drawing;
...
    string documentPath = Path.Combine(OutputDir, "save-options.html");
    string savePath = Path.Combine(OutputDir, "save-options-output.jpg");

    // Prepare HTML code and save it to a file
    var code = "<h1>  Image SaveOptions </h1>\r\n" +
               "<p>Using ImageSaveOptions Class, you can programmatically apply a wide range of conversion parameters such as BackgroundColor, Format, Compression, PageSetup, etc.</p>\r\n";
    
    File.WriteAllText(documentPath, code);

    // Initialize an HTML Document from the html file
    using var document = new HTMLDocument(documentPath);

    // Set up the page-size 400x250 pixels, margins and change the background color to AntiqueWhite
    var options = new ImageSaveOptions(ImageFormat.Jpeg)
    {
        BackgroundColor = System.Drawing.Color.AntiqueWhite                    
    };
    options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(400, 250), new Margin(40, 40, 20, 20));                                     

    // Convert HTML to JPG
    Converter.ConvertHTML(document, options, savePath);

Чтобы узнать больше о классе ImageSaveOptions, прочитайте статьи раздела Конвертеры тонкой настройки.

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

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

1. Загрузите файл HTML с помощью одного из конструкторов HTMLDocument() класса HTMLDocument ( color.html).
2. Создайте новый объект ImageSaveOptions с JPG ImageFormat и укажите параметры сохранения. По умолчанию свойство Format имеет значение PNG.
3. Используйте метод ConvertHTML() класса Converter, чтобы сохранить HTML как изображение JPG. Вам необходимо передать HTMLDocument, ImageSaveOptions и путь к выходному файлу методу ConvertHTML() для преобразования HTML в JPG.

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

using System.IO;
using Aspose.Html;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
using System.Drawing;
using Aspose.Html.Drawing;
using System.Drawing.Drawing2D;
...
    // Prepare a path to a source HTML file
    string documentPath = Path.Combine(DataDir, "color.html");

    // Prepare a path for converted file saving 
    string savePath = Path.Combine(OutputDir, "color-output-options.jpg");

    // Initialize an HTML document from the file
    using var document = new HTMLDocument(documentPath);

    // Initialize ImageSaveOptions 
    var options = new ImageSaveOptions(ImageFormat.Jpeg)
    {
        SmoothingMode = SmoothingMode.HighQuality,
        HorizontalResolution = 200,
        VerticalResolution = 200,
        BackgroundColor = System.Drawing.Color.AliceBlue
    };
    options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(500, 500), new Margin(30, 20, 10, 10));

    // Convert HTML to JPG
    Converter.ConvertHTML(document, options, savePath)

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

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

Класс ImageSaveOptions предоставляет множество свойств, которые дают вам полный контроль над широким спектром параметров и улучшают процесс преобразования HTML в форматы изображений. Среди этих свойств SmoothingMode, который позволяет вам установить качество рендеринга для изображения. Доступные значения: Invalid, Default, HighSpeed, HighQuality, None и AntiAlias. Вы можете выбрать любое значение, учитывая преимущества и недостатки каждого из них.

На рисунке показан файл color-output-options.jpg.

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

Output Stream Providers

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

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

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

using System.IO;
using System.Collections.Generic;
...
    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 the 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();
        }
    }

using System.IO;
using Aspose.Html;
using System.Linq;
using Aspose.Html.Converters;
using Aspose.Html.Rendering.Image;
using Aspose.Html.Saving;
...
    // Create an instance of MemoryStreamProvider
    using var streamProvider = new MemoryStreamProvider();

    // Initialize an HTML document
    using var document = new HTMLDocument(@"<h1>Convert HTML to JPG File Format!</h1>", ".");

    // Convert HTML to JPG using the MemoryStreamProvider
    Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Jpeg), 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.jpg")))
    {
        memory.CopyTo(fs);
    }

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

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

Aspose.HTML предлагает бесплатный онлайн конвертер HTML в JPG, который конвертирует HTML в изображение JPG качественно, легко и быстро. Просто загрузите, конвертируйте свои файлы и получите результат за несколько секунд!