Зміна розміру зображення в 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 і встановіть. Ви також можете використати таку команду з консолі диспетчера пакетів:

Встановіть 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 із потрібними значеннями розміру.
Викличте mrthod Save() , щоб зберегти змінений документ HTML у новому файлі.

Aspose.HTML for .NET – це вдосконалена бібліотека аналізу HTML, яка дозволяє створювати, редагувати та конвертувати файли HTML, XHTML, MD, EPUB і MHTML. Вона підтримує різні популярні формати, включаючи PDF, DOCX і зображення. Бібліотека легко обробляє CSS, HTML Canvas, SVG, XPath і JavaScript, розширюючи свої можливості маніпулювання. Додаткову інформацію про встановлення бібліотеки C# та системні вимоги ви знайдете у документації Aspose.HTML .