在 C# 中调整 HTML 中的图像大小

以编程方式调整 HTML 文档中的 PNG、JPEG、GIF、TIFF 和 BMP 等光栅图像的大小！

以编程方式调整图像大小

我们经常在HTML文档中出现图像的大小不符合我们的要求，所以我们必须调整它们的大小。调整 HTML 中图像的大小对于优化 Web 内容、确保图像无缝地融入文档布局以及增强整体用户体验至关重要。要调整 HTML 中的图像大小，我们将使用 Aspose.HTML for .NET ，这是一个功能强大的 HTML 处理 API，允许开发人员操作 HTML 文档。让我们更深入地了解使用 Aspose.HTML 进行图像管理，探索如何调整 HTML 文档中的图像大小。

首先，确保您的项目中安装了 Aspose.HTML for .NET。这个库的安装过程非常简单。打开 NuGet 包管理器，搜索 Aspose.HTML，然后安装。您还可以从包管理器控制台使用以下命令：

安装 Aspose.HTML for .NET

Install-Package Aspose.HTML

使用 C# 调整 HTML 中的图像大小

使用 Aspose.HTML for .NET 类库，您可以轻松创建自己的应用程序，因为我们的 API 提供了强大的工具集来分析和收集 HTML 文档中的信息。如果您想在产品中使用 HTML 操作功能，让我们看一下简单的 C# 示例，加载 HTML 文件、调整图像大小，并使用 Aspose.HTML for .NET API 保存修改后的文档：

注意： 调整图像大小的一种方法是指定其高度和宽度。通过指定高度和宽度调整图像大小可能会导致图像缩小或拉伸。

用于调整 HTML 中图像大小的 C# 代码

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 文档中添加、删除或查找图像并调整它们的大小。您可以使用几行 C# 代码调整 HTML 中的图像大小：

使用 HTMLDocument() 构造函数从 URL 初始化 HTML 文档。
HTMLDocument 类的 Body 属性指向文档的 <body> 元素。
使用 QuerySelector() 方法在 HTML 文档中选择所需的<img>元素。
将所选图像元素的width和height属性设置为所需的尺寸值。
调用 Save() mrthod 将修改后的HTML 文档保存到新文件中。

Aspose.HTML for .NET 是一个高级 HTML 解析库，允许您创建、编辑和转换 HTML、XHTML、MD、EPUB 和 MHTML 文件。它支持各种流行的格式，包括 PDF、DOCX 和图像。该库可以轻松处理 CSS、HTML Canvas、SVG、XPath 和 JavaScript，从而扩展了其操作功能。有关 C# 库安装和系统要求的更多详细信息，请参阅 Aspose.HTML 文档。