Upload an image to see the preview
Data URI - data:image/...
Base64 Format

Comments

Comments are loading...
Want to support?
10015 Tools
+

Get “Online Tools” browser extension by 10015!

Access all tools powered by 10015.io with just one click

What is Online Image to Base64 Converter?

Image to Base64 Converter is a free online tool for converting images to base64 strings. You can select different formats as output such as raw base64, data URI, HTML Image, CSS Background Image, Hyperlink, Downloadable Hyperlink, and HTML Favicon.

Base64 is one of the most popular formats for storing any type of data as string such as images, videos or even texts. It makes it easier to store or transfer data between different applications as strings, so you don't need to worry about the format of the data. Base64 strings consist of 64 different characters which are uppercase Latin letters (26), lowercase Latin letters (26), numbers (10) and "+" and "/" symbols (2). The name of the algorithm comes from these 64 characters. Also, "=" may be used as padding. For encoding any type of images (JPG, PNG, SVG or GIF) as base64 strings, you can use the tool.

Here, you can see how a 1px-to-1px black rectangle image in JPG format is converted to base64.

How an image is converted to base64
How an image is converted to base64

When you use this algorithm on browser, you generally need to use it as data URI where you need to define the MIME type just before the raw data. For example, if you want to show a JPEG image in your page, you need to use it as src="data:image/jpeg;base64,..." or if you want to form a downloadable link to a PNG image, you need to specify it as href="data:image/png;base64,...". If you somehow want to display it on your page as text, don't forget to check if the length of the string is not too long because some browsers have restrictions for the length of text.

Base64 is also used for different purposes. For example, mail attachments are transferred with this format because of SMTP protocol restrictions. Main reason behind email attachment size limitations is this format since the length of the data becomes very large if the attachment size is too big.

How to use Online Image to Base64 Converter?

Follow these steps to convert your image to base64 string.

  1. Drag your image into drop zone or select it from the file explorer.
  2. It will be automatically converted to base64 string right after the upload finished. You can select the desired output format from the list according to your needs.
  3. Use "Copy Base64" button to copy the string to your clipboard. If it is too long to render on browser, you will see a warning in the output text area. But full base64 string will always be available if you use the button to copy the content.