Ubah ukuran Gambar dalam HTML di C#

Ubah ukuran gambar raster seperti PNG, JPEG, GIF, TIFF, dan BMP dalam dokumen HTML secara terprogram!

Ubah Ukuran Gambar Secara Terprogram

Kita sering memiliki gambar dalam dokumen HTML yang ukurannya tidak memenuhi persyaratan kita, sehingga kita harus mengubah ukurannya. Mengubah ukuran gambar dalam HTML sangat penting untuk mengoptimalkan konten web, memastikan gambar sesuai dengan tata letak dokumen, dan meningkatkan pengalaman pengguna secara keseluruhan. Untuk mengubah ukuran gambar dalam HTML, kami akan menggunakan Aspose.HTML untuk .NET , API pemrosesan HTML yang kuat, yang memungkinkan pengembang memanipulasi dokumen HTML. Mari selami manajemen gambar lebih dalam dengan Aspose.HTML, jelajahi bagaimana Anda dapat mengubah ukuran gambar dalam dokumen HTML.

Pertama, pastikan Anda telah Aspose.HTML untuk .NET terinstal di proyek Anda. Proses instalasi perpustakaan ini cukup sederhana. Buka manajer paket NuGet, cari Aspose.HTML, dan instal. Anda juga dapat menggunakan perintah berikut dari Package Manager Console:

Instal Aspose.HTML untuk .NET

Install-Package Aspose.HTML

Ubah ukuran Gambar dalam HTML menggunakan C#

Dengan menggunakan pustaka kelas Aspose.HTML for .NET , Anda dapat dengan mudah membuat aplikasi Anda sendiri, karena API kami menyediakan seperangkat alat canggih untuk menganalisis dan mengumpulkan informasi dari dokumen HTML. Jika Anda ingin menggunakan fitur manipulasi HTML di produk Anda, mari lihat contoh C# sederhana dalam memuat file HTML, mengubah ukuran gambar ke dalamnya, dan menyimpan dokumen yang dimodifikasi dengan Aspose.HTML untuk .NET API:

Catatan: Salah satu cara mengubah ukuran gambar adalah dengan menentukan tinggi dan lebarnya. Mengubah ukuran gambar dengan menentukan tinggi dan lebar dapat mengakibatkan gambar menyusut atau melebar.

Kode C# untuk mengubah ukuran gambar dalam HTML

using Aspose.Html;
using System.IO;
...

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

    // Prepare a path for resulting file saving 
    string savePath = Path.Combine(OutputDir, "resize-image.html");

    // Create an instance of an HTML document
    using (var document = new HTMLDocument(documentPath))
    {
        var body = document.Body;

        // Create a CSS Selector that selects <img> element that is the last child of its parent
        var element = document.QuerySelector("img:last-child");

        // Set width and height attributes with the desired size for the selected element
        element.SetAttribute("width", "100");
        element.SetAttribute("height", "100");

        // Save the HTML document to a file
        document.Save(savePath);
    }

Langkah-langkah Mengubah Ukuran Gambar dalam HTML

Jika Anda senang memanipulasi gambar dalam kode dan bersenang-senang memodifikasi gambar dengan kode Anda sendiri, inilah tempat yang tepat untuk Anda! Aspose.HTML memungkinkan pengembang untuk memanipulasi gambar dalam dokumen HTML: Anda dapat menambah, menghapus, atau menemukan gambar dalam dokumen HTML dan mengubah ukurannya. Anda dapat mengubah ukuran gambar dalam HTML dengan beberapa baris kode C#:

Gunakan konstruktor HTMLDocument() untuk menginisialisasi dokumen HTML dari URL.
Properti Body dari kelas HTMLDocument menunjuk ke elemen <body> dokumen.
Gunakan metode QuerySelector() untuk memilih elemen <img> yang diinginkan dalam dokumen HTML.
Atur atribut width dan height elemen gambar yang dipilih ke nilai ukuran yang diinginkan.
Panggil metode mrthod Save() untuk menyimpan dokumen HTML yang dimodifikasi ke file baru.

Aspose.HTML untuk .NET adalah pustaka penguraian HTML tingkat lanjut yang memungkinkan Anda membuat, mengedit, dan mengonversi file HTML, XHTML, MD, EPUB, dan MHTML. Ini mendukung berbagai format populer, termasuk PDF, DOCX, dan gambar. Pustaka dengan mudah menangani CSS, HTML Canvas, SVG, XPath, dan JavaScript, sehingga memperluas kemampuan manipulasinya. Untuk detail lebih lanjut tentang instalasi perpustakaan C# dan persyaratan sistem, silakan merujuk ke Dokumentasi Aspose.HTML .