File HTML sering digunakan melalui internet. Selanjutnya, Aspose.HTML for .NET API mendukung banyak fitur untuk bekerja dengan format file HTML. Pada artikel ini, Anda akan mempelajari cara mengonversi HTML ke gambar dalam C#. Anda dapat merender halaman web HTML ke JPG, PNG, BMP, GIF, dan format gambar populer lainnya seperti yang tercakup dalam judul berikut:

Pertama-tama, mari kita periksa file HTML dasar, yang berisi beberapa teks dan gambar, yang akan kita gunakan sebagai file masukan dalam contoh ini.

<!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>

Konversi Gambar HTML ke JPG dalam C#

Anda dapat mengonversi gambar HTML ke JPG dalam bahasa C# di aplikasi .NET Anda. API mendukung beberapa fitur untuk mendapatkan keluaran dengan variasi yang berbeda. Misalnya, Anda dapat mengatur ukuran gambar keluaran serta warna latar belakang apa pun yang Anda inginkan dalam gambar keluaran.

Anda harus mengikuti langkah-langkah di bawah ini untuk mengonversi HTML ke gambar JPG di C#:

  1. Inisialisasi opsi rendering gambar menggunakan kelas ImageSaveOptions.
  2. Tetapkan ukuran halaman atau warna latar belakang
  3. Konversikan HTML ke JPG dalam C#

Selanjutnya, kode berikut menunjukkan cara mengonversi HTML ke gambar JPG di C#:

        // Siapkan halaman berukuran 7x7 inci dan ubah warna latar belakang menjadi abu-abu muda
        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,
        };
        // Panggil ConvertHTML untuk mengonversi 'document.html' menjadi gambar jpeg
        Aspose.Html.Converters.Converter.ConvertHTML(dataDir + "HTMLtoImage.html", options, dataDir + "HTMLtoJPG.jpg");

Selain itu, mari kita lihat gambar JPG keluaran yang dihasilkan:

Gambar HTML ke JPG C#

Selanjutnya, Anda dapat melihat warna latar belakang dan ukuran gambar dari properti. Resolusinya 300dpi jadi lebar dan panjang gambar 2100 karena panjang dan lebarnya 7 inci.

Konversi Gambar HTML ke PNG dalam C#

File gambar PNG adalah file yang lebih canggih daripada gambar JPG. Misalnya, mereka dapat memiliki latar belakang transparan, tidak seperti gambar JPG. Oleh karena itu, terkadang lebih baik mengonversi HTML ke gambar PNG karena merupakan format file yang populer dan kompatibel.

Anda dapat mengikuti langkah-langkah di bawah ini untuk mengonversi HTML ke PNG di C#:

  1. Muat file HTML masukan
  2. Inisialisasi objek dari kelas ImageSaveOptions.
  3. Konversikan HTML ke gambar PNG dalam C#

Cuplikan kode berikut menunjukkan cara mengonversi file HTML ke gambar PNG di C#:

// Inisialisasi dokumen HTML dari file html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
// Inisialisasi ImageSaveOptions 
var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Png);

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

Konversi HTML ke Gambar BMP di C#

Anda dapat mengonversi gambar HTML ke BMP dalam C# menggunakan properti ImageFormat.Bmp. Demikian juga, Anda harus mengikuti langkah-langkah di bawah ini untuk konversi:

  1. Muat file HTML
  2. Tetapkan properti dengan BMP ImageFormat
  3. Lakukan konversi dengan kelas Konverter.

Kode berikut menunjukkan cara mengonversi gambar HTML ke BMP di C#:

// Inisialisasi dokumen HTML dari file html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Inisialisasi ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Bmp);

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

Konversi HTML ke Gambar GIF di C#

Konversi gambar HTML ke GIF dalam C# adalah fitur penting dari API. Anda dapat mengonversi file dengan langkah-langkah berikut:

  1. Muat dokumen HTML masukan
  2. Tentukan ImageSaveOptions menggunakan GIF ImageFormat
  3. Panggil metode ConvertHTML untuk mengonversi HTML ke gambar GIF di C#

Kode di bawah ini menunjukkan cara mengonversi gambar HTML ke GIF dalam C# di aplikasi .NET Anda:

// Inisialisasi dokumen HTML dari file html
using (var document = new Aspose.Html.HTMLDocument(dataDir + "document.html"))
{
    // Inisialisasi ImageSaveOptions 
    var options = new Aspose.Html.Saving.ImageSaveOptions(Aspose.Html.Rendering.Image.ImageFormat.Gif);

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

Kesimpulan

Singkatnya, kami telah mempelajari cara mengonversi HTML ke JPG, PNG, BMP, dan GIF dalam C# dalam aplikasi .NET. Konversi HTML ke format gambar ini adalah salah satu fitur terpenting Aspose.HTML for .NET API. Selain itu, hasil konversi atau rendering memiliki fidelitas dan efisiensi tertinggi. Itulah sebabnya, API paling cocok untuk mengonversi, mengedit, atau memanipulasi file HTML. Selain itu, kami berharap dapat mendengar kabar dari Anda. Jangan ragu untuk menghubungi kami melalui Forum Dukungan Gratis jika ada bantuan.

Lihat juga

Info: Konverter Aspose Teks ke GIF memungkinkan Anda membuat animasi yang menyenangkan hanya dengan mengetik.