Redimensionar imagem em HTML em C#

Redimensione imagens raster como PNG, JPEG, GIF, TIFF e BMP em documentos HTML de forma programática!

Redimensionar imagens programaticamente

Muitas vezes temos imagens em um documento HTML cujo tamanho não atende aos nossos requisitos, por isso temos que redimensioná-las. O redimensionamento de imagens em HTML é essencial para otimizar o conteúdo da web, garantindo que as imagens se encaixem perfeitamente no layout do documento e melhorando a experiência geral do usuário. Para redimensionar uma imagem em HTML, usaremos Aspose.HTML for .NET , uma poderosa API de processamento de HTML, que permite aos desenvolvedores manipular documentos HTML. Vamos nos aprofundar no gerenciamento de imagens com Aspose.HTML, explorando como você pode redimensionar imagens em documentos HTML.

Primeiro, certifique-se de ter Aspose.HTML for .NET instalado em seu projeto. O processo de instalação desta biblioteca é bastante simples. Abra o gerenciador de pacotes NuGet, procure Aspose.HTML e instale. Você também pode usar o seguinte comando do Console do Gerenciador de Pacotes:

Instale Aspose.HTML for .NET

Install-Package Aspose.HTML

Redimensionar imagem em HTML usando C#

Usando a biblioteca de classes Aspose.HTML for .NET , você pode criar facilmente seu próprio aplicativo, já que nossa API fornece um poderoso conjunto de ferramentas para analisar e coletar informações de documentos HTML. Se você quiser usar recursos de manipulação de HTML em seu produto, vejamos o exemplo simples em C# de carregar um arquivo HTML, redimensionar a imagem nele e salvar o documento modificado com Aspose.HTML para API .NET:

Observação: Uma maneira de redimensionar uma imagem é especificar sua altura e largura. Redimensionar imagens especificando altura e largura pode resultar em uma imagem reduzida ou esticada.

Código C# para redimensionar imagem em 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);
    }

Etapas para redimensionar imagem em HTML

Se você gosta de manipular imagens em código e se divertir modificando imagens com seu próprio código, este é o lugar para você! Aspose.HTML permite que os desenvolvedores manipulem imagens em documentos HTML: você pode adicionar, remover ou localizar imagens em documentos HTML e redimensioná-las. Você pode redimensionar a imagem em HTML com algumas linhas de código C#:

Use o construtor HTMLDocument() para inicializar um documento HTML a partir de uma URL.
A propriedade <body> da classe HTMLDocument aponta para o elemento <body> do documento.
Utilize o método QuerySelector() para selecionar o elemento <img> desejado no documento HTML.
Defina os atributos width e height do elemento de imagem selecionado para os valores de tamanho desejados.
Chame o método Save() para salvar o documento HTML modificado em um novo arquivo.

Aspose.HTML for .NET é uma biblioteca avançada de análise de HTML que permite criar, editar e converter arquivos HTML, XHTML, MD, EPUB e MHTML. Suporta vários formatos populares, incluindo PDF, DOCX e imagens. A biblioteca lida facilmente com CSS, HTML Canvas, SVG, XPath e JavaScript, expandindo seus recursos de manipulação. Para obter mais detalhes sobre a instalação da biblioteca C# e requisitos do sistema, consulte Documentação Aspose.HTML .