Image to Base64

Convert any image to base64 string and add to your code.


A handy and reliable tool to convert and encode any image (i.e. png, jpeg, etc.) to base64 string. In Base64, the image is represented as a byte sequence of 8-bit ASCII characters. Press on the - Copy to clipboard - button to copy the resulting string to the clipboard.

Choose or drop an image file here
Base64 String

What is Base64?

Base64 is a representation of data in ASCII string format. It translates any binary data to radix-64 representation. You can save base64 data in a text file and use it when necessary in your application or website. This web app can easily convert any image file to a base64 format. Simply drag & drop the file to the designated area above, and then wait for the encoder to finishes the job. Once the encoding is done, you will see the resulting string in the above area. Simply select the code and press on the - Ctrl+C - button on your keyboard to copy the text. Alternatively, you can click on the - Copy to clipboard - button to copy the string to the clipboard. Please note that, depending on the image size, the conversion time may vary.

Where can I use Base64 format?

The Base64 string format has many applications. For example in CSS, instead of the image src, you can simply add the base64 string. Or, if you need to store an image file in a text format, simply convert it to base64 and paste it in a text file. Base64 format can be safely transferred without getting corrupted as opposed to binary data. The only disadvantage of using base64 is, it increases the file size significantly. Therefore, it is mostly suitable for small binary data.

If you found a bug in this page, or have a feature/function which you would like to see in this web app, please let us know by sending an email or through the discussion form below. Moreover, don't forget to check other web apps in webbrowsertools.com, we have many useful apps related to browser's privacy and security.

Related Blog Posts

  1. How Can Zero-Width Characters Fingerprinting Be Detected: Just about every modern web browser that one uses supports zero-width characters. The characters might be added on to the text of a page without the user even knowing, as, the characters cannot be identified by the naked eye...
  2. Limit Download Speed in Chrome: All browsers come with a basic download manager which would download the files and scan them to ensure that there is no harmful content. A browser’s download manager has fewer features as compared to the desktop download manager apps...