Save image content inside html file [duplicate]

Question

Is it possible to save image inside html? I want to create html with a few images. Maybe I need to decode image content with base64 and paste it in html markup?

Answer 1

Yes its possible, check this simple example: http://jsfiddle.net/MH7gF/

<img alt="" src="data:image/png;base64(...)" />

There is also simple converter.

Answer 2

it seems you are looking to use CSS Data URI's. http://css-tricks.com/data-uris/ you need to encode your image to base64 and set it using one of these data URI's within the HTML or the CSS as it works with both.

<img width="16" height="16" alt="star" src="data:image/gif;base64,..." />

li { 
  background: url(data:image/gif;base64,...) no-repeat left center;
}