HTML in JPG konvertieren in C#

JPG-Dateien können hochwertige Bilddaten mit verlustfreier Komprimierung enthalten. Diese einzigartige Komprimierungsfunktion ermöglicht es, JPG-Bilder schnell und effizient weiterzugeben und sie im Internet, auf Computern und mobilen Geräten zu verwenden. Die Umwandlung von HTML-Dateien in JPG-Bilder kann erforderlich sein, wenn Sie beispielsweise eine Webseite in eine PowerPoint-Präsentation einfügen oder per E-Mail versenden möchten. Die Verwendung der Methode Converter.ConvertHTML ist die gängigste Methode zur Umwandlung von HTML-Code in verschiedene Formate. JPG ist ein weit verbreitetes Format zum Speichern von Bildern, und die Konvertierung von HTML in JPG ist sehr beliebt. Mit Aspose.HTML for .NET können Sie HTML programmatisch in das JPG-Format konvertieren und dabei eine Vielzahl von Konvertierungsparametern steuern.

In diesem Artikel finden Sie Informationen zur Konvertierung von HTML in JPG unter Verwendung der Methoden ConvertHTML() der Klasse Converter und der Parameter ImageSaveOptions und ICreateStreamProvider.

Online HTML-Konverter

Sie können die Funktionalität der Aspose.HTML for .NET API überprüfen und HTML in Echtzeit konvertieren. Bitte laden Sie HTML aus dem lokalen Dateisystem, wählen Sie das Ausgabeformat und führen Sie das Beispiel aus. Im Beispiel sind die Speicheroptionen standardmäßig eingestellt. Sie erhalten das Ergebnis sofort als separate Datei.

Wenn Sie HTML in JPG programmatisch konvertieren möchten, sehen Sie sich bitte die folgenden C#-Codebeispiele an.

HTML zu JPG mit einer einzigen Codezeile

Die statischen Methoden der Klasse Converter werden in erster Linie als einfachste Möglichkeit zur Konvertierung von HTML-Code in verschiedene Formate verwendet. Sie können HTML in Ihrer C#-Anwendung buchstäblich mit einer einzigen Codezeile in JPG umwandeln!

// Convert HTML to JPG in C#

// 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 in JPG umwandeln

Die Konvertierung einer Datei in ein anderes Format mit der Methode ConvertHTML() ist eine Abfolge von Operationen, darunter das Laden und Speichern von Dokumenten:

1. Laden Sie eine HTML-Datei mit Hilfe der Klasse HTMLDocument ( spring.html).
2. Erstellen Sie ein neues ImageSaveOptions Objekt mit dem Format ImageFormat.Jpeg. Die Eigenschaft Format ist standardmäßig PNG.
3. Verwenden Sie die Methode ConvertHTML() der Klasse Converter, um HTML als JPG-Bild zu speichern. Sie müssen der Methode ConvertHTML() das HTMLDocument, ImageSaveOptions und den Pfad der Ausgabedatei übergeben, um HTML in JPG zu konvertieren.

Bitte sehen Sie sich das folgende C# Code Snippet an, das den Prozess der Konvertierung von HTML in JPG mit Aspose.HTML for .NET zeigt.

// Convert HTML to JPG using C#

// Prepare a path to a source HTML file
string documentPath = Path.Combine(DataDir, "spring.html");

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

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

// Create an instance of the ImageSaveOptions class 
ImageSaveOptions options = new ImageSaveOptions(ImageFormat.Jpeg);

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

Die Abbildung zeigt die Datei spring-output.jpg.

Sie können die vollständigen Beispiele und Datendateien von GitHub herunterladen.

Optionen speichern

Die Funktionalität zur Erstellung von JPG-Bildern kann mit Speicheroptionen nach Ihren Bedürfnissen erweitert werden. Aspose.HTML for .NET ermöglicht die Konvertierung von HTML in JPG mit Standard- oder benutzerdefinierten Speicheroptionen. die Verwendung von ImageSaveOptions ermöglicht es Ihnen, den Rendering-Prozess anzupassen. Sie können das image format, page size, margins, CSS media-type usw. festlegen.

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.

Das folgende Beispiel zeigt, wie Sie ImageSaveOptions verwenden und das Ausgabebild mit benutzerdefinierten Speicheroptionen wie Seitengröße und Hintergrundfarbe erstellen:

// Convert HTML to JPG in C# with custom settings

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
string 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 HTMLDocument document = new HTMLDocument(documentPath);

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

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

Um mehr über die Klasse ImageSaveOptions zu erfahren, lesen Sie bitte den Artikel Feinabstimmungskonverter.

HTML in JPG konvertieren mit ImageSaveOptions

Um HTML in JPG mit ImageSaveOptions zu konvertieren, sollten Sie ein paar Schritte befolgen:

1. Laden Sie eine HTML-Datei mit einem der HTMLDocument()-Konstruktoren der HTMLDocument-Klasse ( color.html).
2. Erstellen Sie ein neues ImageSaveOptions Objekt mit JPG ImageFormat und geben Sie die Speicheroptionen an. Die Eigenschaft Format ist standardmäßig PNG.
3. Verwenden Sie die Methode ConvertHTML() der Klasse Converter, um HTML als JPG-Bild zu speichern. Sie müssen der Methode ConvertHTML() das HTMLDocument, ImageSaveOptions und den Pfad der Ausgabedatei übergeben, um HTML in JPG zu konvertieren.

Das folgende C#-Codefragment zeigt, wie man HTML in JPG konvertiert, indem man benutzerdefinierte Speicheroptionen verwendet:

// Convert HTML to JPG in C# with with custom background, resolution, and antialiasing settings

// Prepare a path to a source HTML file
string documentPath = Path.Combine(DataDir, "color.html");

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

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

// Initialize ImageSaveOptions 
ImageSaveOptions options = new ImageSaveOptions(ImageFormat.Jpeg)
{
    UseAntialiasing = true,
    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);

Der ImageSaveOptions() Konstruktor initialisiert eine Instanz der ImageSaveOptions Klasse, die an die ConvertHTML() Methode übergeben wird. Die Methode ConvertHTML() nimmt die Parameter document, options und den Pfad der Ausgabedatei savePath entgegen und führt die Konvertierung durch.

Im obigen Beispiel verwenden wir:

• die Eigenschaft BackgroundColor legt die Farbe fest, mit der der Hintergrund gefüllt wird. Die Standardeinstellung für BackgroundColor ist Transparent.
• HorizontalResolution und VerticalResolution Eigenschaften, die die horizontale/vertikale Auflösung für Ausgabebilder in Pixel pro Zoll festlegen. Die Standardeinstellung für diese Eigenschaften ist 300 dpi.
• eigenschaft UseAntialiasing, die die Rendering-Qualität für dieses Bild festlegt. In diesem Beispiel wird UseAntialiasing = true für die Qualität des Renderings verwendet.
• eigenschaft PageSetup, die die page size und margins in Pixel angibt.

Verwenden Sie UseAntialiasing = true, wenn Sie die visuelle Qualität von gerenderten Formen, Text und Bildern in Ihrer Anwendung verbessern wollen, insbesondere wenn Klarheit und glatte Kanten wichtig sind. Durch die Aktivierung von Antialiasing werden gezackte Kanten geglättet, indem die Farben der Pixel um die Kanten herum gemischt werden, was zu einem weicheren, feineren Aussehen führt.

Während UseAntialiasing = true eine bessere visuelle Qualität bietet, kann es auch die Verarbeitungszeit erhöhen. Für Anwendungen, bei denen die Rendering-Geschwindigkeit eine Priorität ist, kann es optimal sein, UseAntialiasing = false zu setzen.

Die Abbildung zeigt die Datei color-output-options.jpg.

Output-Stream-Anbieter

Wenn es erforderlich ist, Dateien in einem entfernten Speicher (z. B. Cloud, Datenbank usw.) zu speichern, können Sie die Schnittstelle ICreateStreamProvider implementieren, um die manuelle Kontrolle über den Dateierstellungsprozess zu haben. Diese Schnittstelle ist als Callback-Objekt konzipiert, um einen Stream zu Beginn des Dokuments/der Seite (je nach Ausgabeformat) zu erstellen und den frühzeitig erstellten Stream nach dem Rendern des Dokuments/der Seite freizugeben.

Aspose.HTML for .NET bietet verschiedene Arten von Ausgabeformaten für Rendering-Operationen. Einige dieser Formate erzeugen eine einzige Ausgabedatei (z. B. PDF, XPS), andere erzeugen mehrere Dateien (Bildformate - JPG, PNG, usw.).

Das folgende Beispiel zeigt, wie Sie Ihren eigenen MemoryStreamProvider in der Anwendung implementieren und verwenden können:

// Implement a custom MemoryStream provider for advanced control over HTML rendering output streams

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 (MemoryStream stream in Streams)
            stream.Dispose();
    }
}

Der folgende Codeausschnitt zeigt, wie eine HTML-Datei mithilfe eines Speicherstroms in eine JPG-Datei umgewandelt werden kann.

// Convert HTML to JPG in C# using memory stream

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

// Initialize an HTML document
using HTMLDocument 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
MemoryStream 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);
}

Sie können die vollständigen Beispiele und Datendateien von GitHub herunterladen.

Laden Sie die Bibliothek Aspose.HTML for .NET herunter, mit der Sie Ihre HTML-, MHTML-, EPUB-, SVG- und Markdown-Dokumente erfolgreich, schnell und einfach in die gängigsten Formate konvertieren können.

Aspose.HTML bietet einen kostenlosen Online HTML zu JPG Konverter, der HTML in JPG Bilder mit hoher Qualität, einfach und schnell konvertiert. Einfach hochladen, Ihre Dateien konvertieren und in wenigen Sekunden Ergebnisse erhalten!