Конвертировать 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# буквально с помощью одной строки кода!
1using System.IO;
2using Aspose.Html.Converters;
3using Aspose.Html.Rendering.Image;
4using Aspose.Html.Saving;
5...
6 // Invoke the ConvertHTML() method to convert the HTML code to JPG image
7 Converter.ConvertHTML(@"<h1>Convert HTML to JPG!</h1>", ".", new ImageSaveOptions(ImageFormat.Jpeg), Path.Combine(OutputDir, "convert-with-single-line.jpg"));
Конвертировать HTML в JPG
Преобразование файла в другой формат методом ConvertHTML() представляет собой последовательность операций, среди которых загрузка и сохранение документа:
- Загрузите файл HTML с помощью класса HTMLDocument ( spring.html).
- Создайте новый объект ImageSaveOptions с JPG ImageFormat. По умолчанию свойство Format имеет значение PNG.
- Используйте метод ConvertHTML() класса Converter, чтобы сохранить HTML как изображение JPG. Вам необходимо передать HTMLDocument, ImageSaveOptions и путь к выходному файлу методу ConvertHTML() для преобразования HTML в JPG.
Взгляните на следующий фрагмент кода C#, в котором показан процесс преобразования HTML в JPG с использованием Aspose.HTML для .NET.
1using System.IO;
2using Aspose.Html;
3using Aspose.Html.Converters;
4using Aspose.Html.Rendering.Image;
5using Aspose.Html.Saving;
6...
7 // Prepare a path to a source HTML file
8 string documentPath = Path.Combine(DataDir, "spring.html");
9
10 // Prepare a path for converted file saving
11 string savePath = Path.Combine(OutputDir, "spring-output.jpg");
12
13 // Initialize an HTML document from the file
14 using var document = new HTMLDocument(documentPath);
15
16 // Initialize ImageSaveOptions
17 var options = new ImageSaveOptions(ImageFormat.Jpeg);
18
19 // Convert HTML to JPG
20 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 и создать выходное изображение с пользовательскими параметрами сохранения, такими как размер страницы и цвет фона:
1using System.IO;
2using Aspose.Html;
3using Aspose.Html.Converters;
4using Aspose.Html.Rendering.Image;
5using Aspose.Html.Saving;
6using System.Drawing;
7using Aspose.Html.Drawing;
8...
9 string documentPath = Path.Combine(OutputDir, "save-options.html");
10 string savePath = Path.Combine(OutputDir, "save-options-output.jpg");
11
12 // Prepare HTML code and save it to a file
13 var code = "<h1> Image SaveOptions </h1>\r\n" +
14 "<p>Using ImageSaveOptions Class, you can programmatically apply a wide range of conversion parameters such as BackgroundColor, Format, Compression, PageSetup, etc.</p>\r\n";
15
16 File.WriteAllText(documentPath, code);
17
18 // Initialize an HTML Document from the html file
19 using var document = new HTMLDocument(documentPath);
20
21 // Set up the page-size 400x250 pixels, margins and change the background color to AntiqueWhite
22 var options = new ImageSaveOptions(ImageFormat.Jpeg)
23 {
24 BackgroundColor = System.Drawing.Color.AntiqueWhite
25 };
26 options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(400, 250), new Margin(40, 40, 20, 20));
27
28 // Convert HTML to JPG
29 Converter.ConvertHTML(document, options, savePath);
Чтобы узнать больше о классе ImageSaveOptions, прочитайте статьи раздела Конвертеры тонкой настройки.
Конвертировать HTML в JPG с использованием ImageSaveOptions
Чтобы конвертировать HTML в JPG с указанием ImageSaveOptions, вы должны выполнить несколько шагов:
- Загрузите файл HTML с помощью одного из конструкторов HTMLDocument() класса HTMLDocument ( color.html).
- Создайте новый объект ImageSaveOptions с JPG ImageFormat и укажите параметры сохранения. По умолчанию свойство Format имеет значение PNG.
- Используйте метод ConvertHTML() класса Converter, чтобы сохранить HTML как изображение JPG. Вам необходимо передать HTMLDocument, ImageSaveOptions и путь к выходному файлу методу ConvertHTML() для преобразования HTML в JPG.
В следующем фрагменте кода C# показано, как преобразовать HTML в JPG с помощью настраиваемых параметров сохранения:
1using System.IO;
2using Aspose.Html;
3using Aspose.Html.Converters;
4using Aspose.Html.Rendering.Image;
5using Aspose.Html.Saving;
6using System.Drawing;
7using Aspose.Html.Drawing;
8using System.Drawing.Drawing2D;
9...
10 // Prepare a path to a source HTML file
11 string documentPath = Path.Combine(DataDir, "color.html");
12
13 // Prepare a path for converted file saving
14 string savePath = Path.Combine(OutputDir, "color-output-options.jpg");
15
16 // Initialize an HTML document from the file
17 using var document = new HTMLDocument(documentPath);
18
19 // Initialize ImageSaveOptions
20 var options = new ImageSaveOptions(ImageFormat.Jpeg)
21 {
22 SmoothingMode = SmoothingMode.HighQuality,
23 HorizontalResolution = 200,
24 VerticalResolution = 200,
25 BackgroundColor = System.Drawing.Color.AliceBlue
26 };
27 options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(500, 500), new Margin(30, 20, 10, 10));
28
29 // Convert HTML to JPG
30 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 в приложении:
1using System.IO;
2using System.Collections.Generic;
3...
4 class MemoryStreamProvider : Aspose.Html.IO.ICreateStreamProvider
5 {
6 // List of MemoryStream objects created during the document rendering
7 public List<MemoryStream> Streams { get; } = new List<MemoryStream>();
8
9 public Stream GetStream(string name, string extension)
10 {
11 // This method is called when the only one output stream is required, for instance for XPS, PDF or TIFF formats.
12 MemoryStream result = new MemoryStream();
13 Streams.Add(result);
14 return result;
15 }
16
17 public Stream GetStream(string name, string extension, int page)
18 {
19 // 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.)
20 MemoryStream result = new MemoryStream();
21 Streams.Add(result);
22 return result;
23 }
24
25 public void ReleaseStream(Stream stream)
26 {
27 // Here you can release the stream filled with data and, for instance, flush it to the hard-drive
28 }
29
30 public void Dispose()
31 {
32 // Releasing resources
33 foreach (var stream in Streams)
34 stream.Dispose();
35 }
36 }
1using System.IO;
2using Aspose.Html;
3using System.Linq;
4using Aspose.Html.Converters;
5using Aspose.Html.Rendering.Image;
6using Aspose.Html.Saving;
7...
8 // Create an instance of MemoryStreamProvider
9 using var streamProvider = new MemoryStreamProvider();
10
11 // Initialize an HTML document
12 using var document = new HTMLDocument(@"<h1>Convert HTML to JPG File Format!</h1>", ".");
13
14 // Convert HTML to JPG using the MemoryStreamProvider
15 Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Jpeg), streamProvider);
16
17 // Get access to the memory stream that contains the result data
18 var memory = streamProvider.Streams.First();
19 memory.Seek(0, SeekOrigin.Begin);
20
21 // Flush the result data to the output file
22 using (FileStream fs = File.Create(Path.Combine(OutputDir, "stream-provider.jpg")))
23 {
24 memory.CopyTo(fs);
25 }
Вы можете скачать полные примеры и файлы данных с GitHub.
Загрузите нашу библиотеку Aspose.HTML для .NET, которая позволит вам успешно, быстро и легко конвертировать HTML, MHTML, EPUB, SVG и Markdown документы в самые популярные форматы.
Aspose.HTML предлагает бесплатный онлайн конвертер HTML в JPG, который конвертирует HTML в изображение JPG качественно, легко и быстро. Просто загрузите, конвертируйте свои файлы и получите результат за несколько секунд!