img のロードを検出する方法
参考：
img 要素の src 属性と onload イベントリスナの設定タイミング | Please Sleep
画像 (IMG 要素) の読み込み後 (load イベント) の処理が動かない対策 | emwaiblog
Promise を使う
参考：
Promise ベースで Image().onload する – Qiita
display: none; の画像が読み込まれるか
img タグが display: none：⭕️ 画像は読み込まれる
親要素が display: none の img タグ：⭕️ 画像は読み込まれる
display: none 要素の background-image：△ 読み込まれないケースがある (ブラウザ依存)
親要素が display: none の background-image：❌ 読み込まれない
参考：
CSS の “display: none” と画像ロード処理について – Qiita
Does “display:none” prevent an image from loading? – Stack Overflow