This free image to base64 tool can be used to convert an image file into a base64 string. Base64 is a binary-to-text encoding scheme that represents binary data as a sequence of printable ASCII characters. This makes it possible to embed image data within other formats, such as HTML, CSS, or JSON.
There are a number of benefits to using base64 encoded image, like -
Data URI scheme is a URI scheme that provide us a way to inculde our encoded images, style-sheets, etc. in-line on our web pages (HTML and CSS). For using data URI files we have a well defined syntax. We have listed below the list of all components necessary for using data URI.
data
- It is the starting keyword for data URI files.
colon (:)
- data is followed by colon (:) which is followed by Media Type.
Media Type
- The media type can also be followed by many other parameters seperated by semicolon(;). For example here the mime type text/plain is followed by the parameter charset - text/plain;charset=UTF-8
base64,
- Preceeding the semicolon (;) base64,
represent that data from binary format is encoded in base64.
<data>
- At the end we use base64 encoded data.
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
/
- Press forward slash (/) to focus on tool input box.CTRL + S
- Copy the encoded string.