Изменяйте размер изображений программно!

В HTML-документе часто встречаются изображения, размер которых не соответствует нашим требованиям, поэтому приходится изменять их размер. Изменение размера изображений в HTML необходимо для оптимизации веб-контента, обеспечения плавного вписывания изображений в макет документа и улучшения общего взаимодействия с пользователем. Чтобы изменить размер изображения в HTML, мы будем использовать Aspose.HTML for .NET , мощный API обработки HTML, который позволяет разработчикам манипулировать HTML-документами. Давайте углубимся в управление изображениями с помощью Aspose.HTML и рассмотрим, как можно изменять размер изображений в HTML-документах.

Сначала убедитесь, что в вашем проекте установлена Aspose.HTML for .NET. Процесс установки этой библиотеки довольно прост. Вы можете инсталлировать её через консоль диспетчера пакетов NuGet, используя следующую команду:


Установите Aspose.HTML для .NET.

Install-Package Aspose.HTML



Изменение размера изображения в HTML с помощью C#

Используя библиотеку классов Aspose.HTML for .NET, вы можете легко создать собственное приложение, поскольку наш API предоставляет мощный набор инструментов для анализа и сбора информации из HTML-документов. Если вы хотите использовать функции управления HTML в своем продукте, давайте рассмотрим простой пример C# загрузки HTML-файла, изменения размера изображения в нем и сохранения измененного документа с помощью Aspose.HTML для .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#:

  1. Используйте конструктор HTMLDocument() для инициализации HTML-документа по URL-адресу.
  2. Свойство Body класса HTMLDocument указывает на элемент документа <body>.
  3. Используйте метод QuerySelector() , чтобы выбрать нужный элемент <img> в HTML-документе.
  4. Установите атрибуты width и height выбранного элемента изображения с желаемыми значениями размеров.
  5. Вызовите метод Save() , чтобы сохранить измененный HTML-документ в новый файл.

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