Imageオブジェクト

HTMLImageElement（<img>要素）のJavaScriptにおけるプログラム的表現です。
このオブジェクトを使用することで、画像の動的な操作、読み込み管理、およびイベント処理が可能になります。

new Image()コンストラクタを使用して生成され、document.createElement('img')と機能的に同等ですが、より簡潔な構文を提供します。
このオブジェクトは、src属性を通じて画像リソースを指定し、width、heightプロパティでサイズを制御できます。

また、onloadやonerrorイベントハンドラを通じて、画像の読み込み状態を監視することが可能です。
Imageオブジェクトは、DOM操作を必要とせずに画像をプリロードしたり、Canvasでの描画前に画像を準備したりする際に特に有用です。
これにより、ウェブアプリケーションのパフォーマンスとユーザーエクスペリエンスを向上させることができます。