Как сделать так, чтобы картинки не пропадали в codepen. В чем ошибка?

Question

[32b]

Делают сайт в песочнице codepen, в качестве хостинга изображений использую imgur, вставляю картинку в html так:

<img class="img-responsive" src="http://i.imgur.com/jPZCd9E.png" alt="" />

И использую одну для фона:

background-image: url("http://i.imgur.com/mqRBikN.jpg");

Все работает, пока не выйдешь из пена, потом, как обратно заходишь, ни фон ни лого не отображаются до тех пор, пока не скопируешь ссылку изображения и не загрузишь его в другой вкладке. Что не так?

Answer 1

[impfromliga]

альтернатива сделать встроенным подходит?
https://ru.wikipedia.org/wiki/Data:_URL#.D0.A4.D0....
надо перекодировать файл в b64, например Total Commander'ом -> меню -> файл -> кодировать MIME
из полученного файла скопипастить сплошной набор символов внизу в html приведя к форме
<img src="data:image/png;base64,КУЧА_СИМВОЛОВ" />

Comments

[32b]

Как вариант. Но суть вопроса не в этом. Почему-то картинки, лежащие на imgur'е, на которые задается ссылка в codepen исчезают куда-то. Но, я нашел решение - стал заливать картинки на tumblr