Redimensionner l’image en HTML en C#

Redimensionnez par programmation les images raster telles que PNG, JPEG, GIF, TIFF et BMP dans les documents HTML!

Redimensionner les images par programme

Nous avons souvent des images dans un document HTML dont la taille ne répond pas à nos exigences, nous devons donc les redimensionner. Le redimensionnement des images au format HTML est essentiel pour optimiser le contenu Web, garantir que les images s’intègrent parfaitement dans la mise en page du document et améliorer l’expérience utilisateur globale. Pour redimensionner une image en HTML, nous utiliserons Aspose.HTML for .NET , une puissante API de traitement HTML, qui permet aux développeurs de manipuler des documents HTML. Approfondissons la gestion des images avec Aspose.HTML, en explorant comment redimensionner les images dans les documents HTML.

Tout d’abord, assurez-vous que Aspose.HTML for .NET est installé dans votre projet. Le processus d’installation de cette bibliothèque est assez simple. Ouvrez le gestionnaire de packages NuGet, recherchez Aspose.HTML et installez. Vous pouvez également utiliser la commande suivante depuis la console Package Manager:

Installer Aspose.HTML for .NET

Install-Package Aspose.HTML

Redimensionner l'image en HTML en utilisant C#

À l’aide de la bibliothèque de classes Aspose.HTML for .NET , vous pouvez facilement créer votre propre application, car notre API fournit un ensemble d’outils puissants pour analyser et collecter des informations à partir de documents HTML. Si vous souhaitez utiliser les fonctionnalités de manipulation HTML dans votre produit, regardons l’exemple simple en C# consistant à charger un fichier HTML, à y redimensionner l’image et à enregistrer le document modifié avec Aspose.HTML pour l’API .NET:

Remarque: Une façon de redimensionner une image consiste à spécifier sa hauteur et sa largeur. Redimensionner les images en spécifiant la hauteur et la largeur peut entraîner une image réduite ou étirée.

Code C# pour redimensionner l'image en 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);
    }

Étapes pour redimensionner l'image en HTML

Si vous aimez manipuler des images dans du code et vous amuser à modifier des images avec votre propre code, cet endroit est fait pour vous ! Aspose.HTML permet aux développeurs de manipuler des images dans des documents HTML : vous pouvez ajouter, supprimer ou rechercher des images dans des documents HTML et les redimensionner. Vous pouvez redimensionner l’image en HTML avec quelques lignes de code C#:

Utilisez le constructeur HTMLDocument() pour initialiser un document HTML à partir d’une URL.
La propriété Body de la classe HTMLDocument pointe vers l’élément <body> du document.
Utilisez la méthode QuerySelector() pour sélectionner l’élément <img> souhaité dans le document HTML.
Définissez les attributs width et height de l’élément d’image sélectionné sur les valeurs de taille souhaitées.
Appelez la méthode Save() pour enregistrer le document HTML modifié dans un nouveau fichier.

Aspose.HTML for .NET est une bibliothèque d’analyse HTML avancée qui vous permet de créer, modifier et convertir des fichiers HTML, XHTML, MD, EPUB et MHTML. Il prend en charge divers formats populaires, notamment PDF, DOCX et images. La bibliothèque gère facilement CSS, HTML Canvas, SVG, XPath et JavaScript, élargissant ainsi ses capacités de manipulation. Pour plus de détails sur l’installation de la bibliothèque C# et la configuration système requise, veuillez vous référer à la Documentation Aspose.HTML .