Загрузка изображения из расширения Chrome на странице

I ' в моем расширении Chrome есть изображения, которые я хочу, чтобы пользователь мог вставлять на свою страницу, когда они используют расширение.

Изображения будут отображаться во всплывающем окне расширения, но когда пользователь щелкает кнопку, чтобы вставить их на страницу, страница по какой-то причине не может получить к ним доступ / увидеть их. Я знаю, что существуют определенные способы внедрения JS и CSS на страницу (уже делающие это), но я не вижу способа сделать то же самое с изображениями.

У меня есть следующие разрешения, установленные в моем манифесте ( добавил chrome-extensions: //, надеясь, что это сделает):

"permissions" : [ "tabs", "http://*/*", "https://*/*", "chrome-extension://*/*" ]

В частности, я пытаюсь изменить значок, вроде этого (я также пробовал без ведущего / и с chrome.extension .getURL ("favicons / example.png")):

  iconURL = "/favicons/example.png";
  var link = document.createElement("link");
  link.type = "image/x-icon";
  link.rel = "shortcut icon";
  link.href = iconURL;
  this.removeLinkIfExists();
  this.docHead.appendChild(link);

Этот код отлично работает, если iconURL является полностью определенным http: // адрес ...

Фактический код можно увидеть в моем репозитории github здесь (строка 54 favicon.js, вызываемая строкой 260 tabdisplay.js).