Bildgröße in HTML in C# ändern

Ändern Sie die Größe von Rasterbildern wie PNG, JPEG, GIF, TIFF und BMP in HTML-Dokumenten programmgesteuert!

Ändern Sie die Größe von Bildern programmgesteuert

Wir haben oft Bilder in einem HTML-Dokument, deren Größe nicht unseren Anforderungen entspricht, sodass wir sie in der Größe ändern müssen. Die Größenänderung von Bildern in HTML ist wichtig, um Webinhalte zu optimieren, sicherzustellen, dass Bilder nahtlos in das Dokumentlayout passen und das Benutzererlebnis insgesamt zu verbessern. Um die Größe eines Bildes in HTML zu ändern, verwenden wir Aspose.HTML für .NET , eine leistungsstarke HTML-Verarbeitungs-API, die es Entwicklern ermöglicht, HTML-Dokumente zu bearbeiten. Lassen Sie uns tiefer in die Bildverwaltung mit Aspose.HTML eintauchen und untersuchen, wie Sie die Größe von Bildern in HTML-Dokumenten ändern können.

Stellen Sie zunächst sicher, dass Aspose.HTML für .NET in Ihrem Projekt installiert ist. Der Installationsprozess dieser Bibliothek ist relativ einfach. Sie können es über die NuGet Package Manager-Konsole mit dem folgenden Befehl installieren:

Installieren Sie Aspose.HTML für .NET

Install-Package Aspose.HTML

Bildgröße in HTML mit C# ändern

Mit der Klassenbibliothek Aspose.HTML for .NET können Sie ganz einfach Ihre eigene Anwendung erstellen, da unsere API ein leistungsstarkes Toolset zum Analysieren und Sammeln von Informationen aus HTML-Dokumenten bereitstellt. Wenn Sie HTML-Manipulationsfunktionen in Ihrem Produkt verwenden möchten, schauen wir uns das einfache C#-Beispiel zum Laden einer HTML-Datei, zum Ändern der Bildgröße darin und zum Speichern des geänderten Dokuments mit der Aspose.HTML für .NET-API an:

Hinweis: Eine Möglichkeit, die Größe eines Bildes zu ändern, besteht darin, seine Höhe und Breite anzugeben. Die Größenänderung von Bildern durch Angabe von Höhe und Breite kann dazu führen, dass das Bild verkleinert oder gestreckt wird.

C#-Code zum Ändern der Bildgröße in 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);
    }

Schritte zum Ändern der Bildgröße in HTML

Wenn Sie gerne Bilder im Code manipulieren und Spaß daran haben, Bilder mit Ihrem eigenen Code zu ändern, sind Sie hier genau richtig! Mit Aspose.HTML können Entwickler Bilder in HTML-Dokumenten bearbeiten: Sie können Bilder in HTML-Dokumenten hinzufügen, entfernen oder suchen und deren Größe ändern. Sie können die Bildgröße in HTML mit ein paar Zeilen C#-Code ändern:

Verwenden Sie den Konstruktor HTMLDocument() , um ein HTML-Dokument von einer URL aus zu initialisieren.
Die Body-Eigenschaft der HTMLDocument-Klasse zeigt auf das <body>-Element des Dokuments.
Verwenden Sie die Methode QuerySelector() , um das gewünschte <img>-Element im HTML-Dokument auszuwählen.
Stellen Sie die Attribute width und height des ausgewählten Bildelements auf die gewünschten Größenwerte ein.
Rufen Sie den Mrthod Save() auf, um das geänderte HTML-Dokument in einer neuen Datei zu speichern.

Aspose.HTML für .NET ist eine erweiterte HTML-Parsing-Bibliothek, mit der Sie HTML-, XHTML-, MD-, EPUB- und MHTML-Dateien erstellen, bearbeiten und konvertieren können. Es unterstützt verschiedene gängige Formate, darunter PDF, DOCX und Bilder. Die Bibliothek verarbeitet problemlos CSS, HTML Canvas, SVG, XPath und JavaScript und erweitert so ihre Manipulationsmöglichkeiten. Weitere Informationen zur Installation der C#-Bibliothek und zu den Systemanforderungen finden Sie in der Aspose.HTML-Dokumentation .