Base64 is a group of similar binary-to-text encoding schemes.

Second, embedding the images actually makes them a bit larger because they have to be transformed into Base64, so while this will cut down on the amount of transfer overhead, it will also increase the actual amount of data that has to be shipped per page load. Base64 encoded images become part of the html and displays without loading anything. I have a base64 encoded version of an image (say, a png) which I want to display on my page. Browse Image and it convert it into base64 string. Personally I would have called this Base64 images rather than Data URIs… Anyway, I used this technique in creating the markItUp! It also refers to the MIME standard but here you don’t need to worry much about it.

The latter is widely used on the Internet for a number of things, including email. Base64 encoded images can be embedded using img tags or CSS, speeding up load times for smaller images by preventing additional HTTP requests.This can be done to build single-file mockups / demo pages for your clients, HTML email signatures that will not trigger the nasty "show images" warning in email clients, etc. It is a way of turning different types of data into a series of letters and numbers that is safe for HTML. Binary File to Base64 Encoder / Translator Use this tool to create data streams for embedding images (or any type of file) in (X)HTML, CSS and XML. The