HTML-filer används ofta över internet. I vissa fall kan vi behöva konvertera HTML-sidor till bilder. I den här artikeln kommer vi att lära oss hur man konverterar HTML till bild i C#. Vi kommer att lära oss att återge HTML webbsidan till JPG, PNG, BMP, GIF och andra populära bildformat.

Den här artikeln tar upp följande ämnen:

C# API för att konvertera HTML till bild

Vi kommer att använda Aspose.HTML for .NET för att konvertera HTML-filer till bilder i C#. Det låter utvecklare arbeta med HTML-dokument i sina .NET-applikationer. Det ger ett brett utbud av funktioner och möjligheter för att analysera, konvertera, redigera och rendera HTML-dokument.

Vänligen ladda ned DLL för API:t eller installera den med NuGet.

PM> Install-Package Aspose.Html

Konvertera HTML till bild - Indatafil

Först av allt, låt oss kontrollera den grundläggande HTML-filen, som innehåller lite text och bilder, som vi kommer att använda som indatafil i dessa exempel.

<!DOCTYPE html>
<html>
<head>
<style>
body {
  text-align: center;
  color: black;
}
</style>
</head>
<body>
<h2>Welcome to HTML to Image C# Test Conversion</h2>
<p></p>
<img src="HTML to Image.png" alt="HTML to Image" style="width:300px">
</body>
</html>

Konvertera HTML till JPG-bild i C#

Vi kan konvertera vilken HTML-webbsida som helst till en JPG-bild genom att följa stegen nedan:

  1. Initiera bildåtergivningsalternativ med klassen ImageSaveOptions.
  2. Ställ in sidstorlek eller bakgrundsfärg.
  3. Efter det, ange ImageFormat som JPG.
  4. Till sist, anropa metoden ConvertHTML() för att konvertera HTML till JPG.

Följande kodexempel visar hur man konverterar HTML till en JPG-bild i C#.

        // Ställ in sidstorleken 7x7 tum och ändra bakgrundsfärgen till ljusgrå
        var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Jpeg)
        {
            PageSetup =
{
    AnyPage = new Aspose.Html.Drawing.Page()
    {
        Size = new Aspose.Html.Drawing.Size(Aspose.Html.Drawing.Length.FromInches(7), Aspose.Html.Drawing.Length.FromInches(7))
    }
},
            BackgroundColor = System.Drawing.Color.LightGray,
        };
        // Kalla ConvertHTML för att konvertera 'document.html' till jpeg-bild
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Dessutom, låt oss ta en titt på den genererade JPG-bilden:

HTML till JPG Bild C#

Dessutom kan du se bakgrundsfärgen och storleken på bilden från egenskaperna. Upplösningarna är 300 dpi så bildens bredd och längd är 2100 eftersom den är 7 tum lång och bredd.

Konvertera HTML till PNG-bild i C#

PNG-bildfiler är mer avancerade filer än JPG-bilder. Till exempel kan de ha transparenta bakgrunder, till skillnad från JPG-bilder. Därför är det ibland bättre att konvertera HTML till en PNG-bild eftersom det är ett populärt och kompatibelt filformat.

vi kan konvertera HTML till PNG genom att följa stegen som nämnts tidigare. Men vi behöver bara specificera ImageFormat.Png i steg #3.

Följande kodsnutt visar hur man konverterar en HTML-fil till en PNG-bild i C#:

// Initiera ett HTML-dokument från HTML-filen
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Initiera ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

// Konvertera HTML till PNG
Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.png");
}

C# HTML till BMP Image Converter

På samma sätt kan vi konvertera HTML till BMP genom att följa stegen som nämnts tidigare. Men vi behöver bara specificera ImageFormat.Bmp vid steg #3.

Följande kodexempel visar hur man konverterar HTML till BMP-bild i C#:

// Initiera ett HTML-dokument från HTML-filen
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Initiera ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

    // Konvertera HTML till BMP
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.bmp");
}

Konvertera HTML till GIF-bild i C#

Vi kan också konvertera HTML till GIF genom att följa stegen som nämnts tidigare. Men vi behöver bara specificera ImageFormat.Gif vid steg #3.

Koden nedan visar hur man konverterar HTML till GIF-bilder i C#.

// Initiera ett HTML-dokument från HTML-filen
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Initiera ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

    // Konvertera HTML till GIF
    Aspose.Html.Converters.Converter.ConvertHTML(document, options, dataDir + "output.gif");
}

Skaffa en gratis licens

Vänligen skaffa en gratis tillfällig licens för att prova biblioteket utan utvärderingsbegränsningar.

HTML till bild - Lärresurser

Förutom att konvertera HTML-webbsidor till bilder, utforska olika andra funktioner i biblioteket med hjälp av resurserna nedan:

Slutsats

Sammanfattningsvis har vi lärt oss hur man konverterar HTML till JPG, PNG, BMP och GIF i C# i .NET-applikationer. HTML-konvertering till dessa bildformat är en av de viktigaste funktionerna i Aspose.HTML for .NET API. Dessutom har konverterings- eller renderingsresultaten den högsta troheten och effektiviteten. Det är därför som API:et passar bäst för att konvertera, redigera eller manipulera HTML-filer. Dessutom ser vi fram emot att höra från dig. Kontakta oss gärna via Free Support Forum om du behöver hjälp.

Se även

Info: Aspose Text till GIF-omvandlare låter dig skapa roliga animationer bara genom att skriva.