ปรับขนาดรูปภาพใน HTML ใน C#

ปรับขนาดภาพแรสเตอร์เช่น PNG, JPEG, GIF, TIFF และ BMP ในเอกสาร HTML โดยทางโปรแกรม!

ปรับขนาดรูปภาพโดยทางโปรแกรม

เรามักจะมีรูปภาพในเอกสาร HTML ซึ่งมีขนาดไม่ตรงตามข้อกำหนดของเรา ดังนั้นเราจึงต้องปรับขนาดรูปภาพเหล่านั้น การปรับขนาดรูปภาพใน HTML เป็นสิ่งจำเป็นสำหรับการเพิ่มประสิทธิภาพเนื้อหาเว็บ ทำให้มั่นใจว่ารูปภาพจะพอดีกับเค้าโครงเอกสารอย่างราบรื่น และปรับปรุงประสบการณ์ผู้ใช้โดยรวม หากต้องการปรับขนาดรูปภาพในรูปแบบ HTML เราจะใช้ Aspose.HTML for .NET ซึ่งเป็น API การประมวลผล HTML อันทรงประสิทธิภาพ ซึ่งช่วยให้นักพัฒนาสามารถจัดการเอกสาร HTML ได้ มาเจาะลึกการจัดการรูปภาพด้วย Aspose.HTML กันดีกว่า โดยสำรวจว่าคุณสามารถปรับขนาดรูปภาพในเอกสาร HTML ได้อย่างไร

ขั้นแรก ตรวจสอบให้แน่ใจว่าคุณได้ Aspose.HTML for .NET ติดตั้ง ในโปรเจ็กต์ของคุณ กระบวนการติดตั้งไลบรารีนี้ค่อนข้างง่าย เปิดตัวจัดการแพ็คเกจ NuGet ค้นหา Aspose.HTML และติดตั้ง คุณยังอาจใช้คำสั่งต่อไปนี้จาก Package Manager Console:

ติดตั้ง Aspose.HTML for .NET

Install-Package Aspose.HTML

ปรับขนาดรูปภาพใน HTML โดยใช้ C#

เมื่อใช้ไลบรารีคลาส Aspose.HTML for .NET คุณสามารถสร้างแอปพลิเคชันของคุณเองได้อย่างง่ายดาย เนื่องจาก API ของเรามีชุดเครื่องมือที่มีประสิทธิภาพในการวิเคราะห์และรวบรวมข้อมูลจากเอกสาร HTML หากคุณต้องการใช้คุณสมบัติการจัดการ HTML ในผลิตภัณฑ์ของคุณ ลองดูตัวอย่าง C# ง่ายๆ ของการโหลดไฟล์ HTML การปรับขนาดรูปภาพลงในไฟล์ และบันทึกเอกสารที่แก้ไขแล้วด้วย Aspose.HTML for .NET API:

หมายเหตุ: วิธีหนึ่งในการปรับขนาดรูปภาพคือการระบุความสูงและความกว้างของรูปภาพ การปรับขนาดรูปภาพโดยระบุความสูงและความกว้างอาจทำให้รูปภาพหดตัวหรือยืดออก

รหัส C# เพื่อปรับขนาดภาพใน 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);
    }

ขั้นตอนในการปรับขนาดภาพในรูปแบบ HTML

หากคุณชื่นชอบการปรับแต่งรูปภาพด้วยโค้ดและสนุกกับการปรับแต่งรูปภาพด้วยโค้ดของคุณเอง ที่นี่คือที่สำหรับคุณ! Aspose.HTML ช่วยให้นักพัฒนาจัดการรูปภาพในเอกสาร HTML: คุณสามารถเพิ่ม ลบ หรือค้นหารูปภาพในเอกสาร HTML และปรับขนาดได้ คุณสามารถปรับขนาดรูปภาพในรูปแบบ HTML ได้โดยใช้โค้ด C# สองสามบรรทัด:

ใช้ตัวสร้าง HTMLDocument() เพื่อเริ่มต้นเอกสาร HTML จาก URL
คุณสมบัติ Body ของคลาส HTMLDocument ชี้ไปที่องค์ประกอบ <body> ของเอกสาร
ใช้เมธอด QuerySelector() เพื่อเลือกองค์ประกอบ <img> ที่ต้องการภายในเอกสาร HTML
ตั้งค่าแอตทริบิวต์ width และ height ขององค์ประกอบรูปภาพที่เลือกให้เป็นค่าขนาดที่ต้องการ
เรียกคำสั่ง Save() เพื่อบันทึกเอกสาร HTML ที่แก้ไขแล้วเป็นไฟล์ใหม่

Aspose.HTML for .NET เป็นไลบรารีการแยกวิเคราะห์ HTML ขั้นสูงที่ช่วยให้คุณสามารถสร้าง แก้ไข และแปลงไฟล์ HTML, XHTML, MD, EPUB และ MHTML รองรับรูปแบบยอดนิยมที่หลากหลาย รวมถึง PDF, DOCX และรูปภาพ ไลบรารีจัดการ CSS, HTML Canvas, SVG, XPath และ JavaScript ได้อย่างง่ายดาย เพิ่มความสามารถในการจัดการ สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการติดตั้งไลบรารี C# และข้อกำหนดของระบบ โปรดดูที่ เอกสาร Aspose.HTML