создание одного img и отображать его в разных местах
 

Так вот у меня есть маленькая стрелка которую я хочу показывать во многих местах html страницы.
создал картинку
img= $('<img/>', {
src: 'data:image/png;base64,~',
title: 'картинка'
});

добавляю в разные места на странице методом $('разные div').append(img);
и получается так что если я его добавлю в другой <div>оно пропадет из предыдущего .
а если
let strImg = '<img src="/img/img.png" />';
$('первый div').append(strImg );
$('второйdiv').append(strImg );
то все как надо!
Браузер загружает всего один раз img.png и ссылается на нее со всех мест.

Дело в том что вот так
<img src="data:image/png;base64,~" />
не помогает. браузер все равно назначает плодить в памяти (from memory cache) однотипные объекты.

Как мне ссылаться на созданную картинку первым способом в разных местах html.

kursk3d,

$('разные div').append(img.clone());

а что другой не входит в разные див ? нельзя добавить во все сразу?

В панели разработчика браузера chrome(вкладка network)
при клоне показывает что добавляется новый элемент (from memory cache) так что это тож не подходит.

Прост клон это новый объект, а хотелось бы получить ссылку чтоб объект был один а при отрисовке страницы он отображался во многих местах.

kursk3d,
не понимаю что вам нужно.