C# の HTML で画像のサイズを変更する

HTML ドキュメント内の PNG、JPEG、GIF、TIFF、BMP などのラスター画像のサイズをプログラムで変更します。

プログラムによる画像のサイズ変更

HTML ドキュメント内の画像のサイズが要件を満たしていないことがよくあるため、画像のサイズを変更する必要があります。 HTML での画像のサイズ変更は、Web コンテンツを最適化し、画像がドキュメントレイアウトにシームレスにフィットするようにし、全体的なユーザーエクスペリエンスを向上させるために不可欠です。 HTML で画像のサイズを変更するには、開発者が HTML ドキュメントを操作できる強力な HTML 処理 API である Aspose.HTML for .NET を使用します。 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 操作機能を使用する場合は、HTML ファイルを読み込み、画像のサイズを変更し、Aspose.HTML for .NET API を使用して変更したドキュメントを保存する簡単な C# の例を見てみましょう。

注意: 画像のサイズを変更する 1 つの方法は、高さと幅を指定することです。高さと幅を指定して画像のサイズを変更すると、画像が縮小または拡張される場合があります。

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() メソッドを呼び出して、変更した HTML ドキュメントを新しいファイルに保存します。

Aspose.HTML for .NET は、HTML、XHTML、MD、EPUB、および MHTML ファイルの作成、編集、変換を可能にする高度な HTML 解析ライブラリです。 PDF、DOCX、画像など、さまざまな一般的な形式をサポートしています。このライブラリは CSS、HTML Canvas、SVG、XPath、JavaScript を簡単に処理し、操作機能を拡張します。 C# ライブラリのインストールとシステム要件の詳細については、 Aspose.HTML ドキュメントを参照してください。