Внедрение картинки в код

Внедрение картинки в код - Liber.pro - личный сайт Алексея Либера Картинка  1

Бывает, что нужно к какому-то элементу подключить небольшую картинку. Для этого вовсе необязательно ее закачивать на сервер! Можно воспользоваться прекрасным сервисом, который преобразовывает картинку в Base 64 Image и ее можно вставлять прямо в код.

Вот вам небольшой пример:

Вот картинка: Внедрение картинки в код - Liber.pro - личный сайт Алексея Либера Картинка  2

А вот код:

1
2
<img  src="data:image/png;base64,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" />
 

А вот и ссылочка на ресурс: http://www.askapache.com/online-tools/base64-image-converter/