File HTML sering digunakan melalui internet. Dalam kasus tertentu, kita mungkin perlu mengubah halaman HTML menjadi gambar. Pada artikel ini, kita akan mempelajari cara mengonversi HTML menjadi gambar di C#. Kita akan belajar merender halaman web HTML ke JPG, PNG, BMP, GIF, dan format gambar populer lainnya.

Artikel ini mencakup topik-topik berikut:

C# API untuk Mengonversi HTML menjadi Gambar

Kami akan menggunakan Aspose.HTML for .NET untuk mengonversi file HTML menjadi gambar di C#. Hal ini memungkinkan pengembang untuk bekerja dengan dokumen HTML dalam aplikasi .NET mereka. Ini menyediakan berbagai fitur dan kemampuan untuk parsing, mengkonversi, mengedit, dan merender dokumen HTML.

Silakan unduh DLL API atau instal menggunakan NuGet.

PM> Install-Package Aspose.Html

Mengonversi HTML ke Gambar - File Masukan

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 di C#

Kami dapat mengonversi halaman web HTML apa pun menjadi gambar JPG dengan mengikuti langkah-langkah di bawah ini:

  1. Inisialisasi opsi rendering gambar menggunakan kelas ImageSaveOptions.
  2. Atur ukuran halaman atau warna latar belakang.
  3. Setelah itu, tentukan ImageFormat sebagai JPG.
  4. Terakhir, panggil metode ConvertHTML() untuk mengonversi HTML ke JPG.

Contoh kode berikut menunjukkan cara mengonversi HTML ke gambar JPG di C#.

        // Siapkan ukuran halaman 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 mengubah '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 300 dpi jadi lebar dan panjang gambarnya 2100 karena panjang dan lebarnya 7 inci.

Konversi Gambar HTML ke PNG di C#

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

kita dapat mengonversi HTML ke PNG dengan mengikuti langkah-langkah yang disebutkan sebelumnya. Namun, kita hanya perlu menentukan ImageFormat.Png pada langkah #3.

Cuplikan kode berikut menunjukkan cara mengonversi file HTML menjadi 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);

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

Pengonversi Gambar C# HTML ke BMP

Demikian pula, kita dapat mengonversi HTML ke BMP dengan mengikuti langkah-langkah yang disebutkan sebelumnya. Namun, kita hanya perlu menentukan ImageFormat.Bmp pada langkah #3.

Contoh 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);

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

Konversi Gambar HTML ke GIF di C#

Kami juga dapat mengonversi HTML ke GIF dengan mengikuti langkah-langkah yang disebutkan sebelumnya. Namun, kita hanya perlu menentukan ImageFormat.Gif pada langkah #3.

Kode di bawah ini menunjukkan cara mengonversi gambar HTML ke GIF 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.Gif);

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

Dapatkan Lisensi Gratis

Silakan dapatkan lisensi sementara gratis untuk mencoba perpustakaan tanpa batasan evaluasi.

HTML ke Gambar - Sumber Belajar

Selain mengonversi halaman web HTML menjadi gambar, jelajahi berbagai fitur perpustakaan lainnya menggunakan sumber daya di bawah ini:

Kesimpulan

Singkatnya, kita 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 menantikan 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 menyenangkan hanya dengan mengetik.