Base 64 Encoder & Decoder

• Formatters
  • XML Formatter
  • JSON Formatter
  • HTML Formatter
  • SQL Formatter
• Validators
  • XML Validator
  • JSON Validator
  • HTML Validator
  • XPath Tester
  • Credit Card Number Generator & Validator
  • Regular Expression Tester
  • Java Regular Expression Tester
  • Cron Expression Generator (Quartz)
• Converters
  • XSD Generator
  • XSLT (XSL Transformer)
  • XML to JSON Converter
  • JSON to XML Converter
  • CSV to XML Converter
  • CSV to JSON Converter
  • YAML to JSON Converter
  • JSON to YAML Converter
  • Epoch Timestamp To Date
• Encoders / Cryptography
  • Url Encoder & Decoder
  • Base 64 Encoder & Decoder
  • Convert File Encoding
  • Message Digester (MD5, SHA-256, SHA-512)
  • HMAC Generator
  • QR Code Generator
• Code Minifiers / Beautifier
  • JavaScript Beautifier
  • JavaScript Minifier
  • CSS Beautifier
  • CSS Minifier
• String Escaper & Utilities
  • String Utilities
  • HTML Escape
  • XML Escape
  • Java and .Net Escape
  • JavaScript Escape
  • JSON Escape
  • CSV Escape
  • SQL Escape
• Web Resources
  • Lorem Ipsum Generator
  • List of MIME types
  • HTML Entities
  • Url Parser / Query String Splitter
  • I18N Standards / Code Snippets

Base 64 Encoder / Decoder

1. Encoders - Cryptography
2. Base 64 Encoder - Decoder

Encodes or decodes a string so that it conforms to the Base64 Data Encodings specification (RFC 4648).

If you are decoding a binary file, use the 'Decode and download' button. The decoder will try to figure out the file type if it can. The maximum size limit for file upload is 2 megabytes. All files bigger than 500k will be output to a new window for performance reason and to prevent your browser from being unresponsive.

If you want to learn more about base64 encoding, jump to the Base64 Encoding Explained section of this page.

Option 1: Copy-paste the string to encode or decode here Option 2: Or upload a file to encode or decode Encode Decode Decode and download

Base64 Encoding Explained

Why do I need Base64 encoding?

Base64 is an encoding scheme used to represent binary data in an ASCII format. This is useful when binary data needs to be sent over media that are usually designed to handle textual data. Concrete examples would be sending images in an XML file or in an email attachment.

How does Base64 encoding work?

Bytes forming the data are broken into buffers of 24 bits (3 bytes at a time). The resulting buffer of 3 bytes is then broken in 4 packs of 6 bits each. Those 6 bits form a number corresponding to the index in the character set supported by Base64 (A-Z, a-z, 0-9, + and /). If the number of bytes are not in numbers of three, then padding is used; == for 1 byte and = for 2 bytes.

Consult wikipedia for more information.

How can I embed Base64 encoded resource directly into HTML, XML and CSS files?

Listed here are a few examples on how to embed Base64 resources within different web documents.

• HTML JavaScript embedding: <script type="text/javascript" src="data:text/javascript;base64,/9j/4AAQSkZJRgABAQEAWgBaAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAAB..."></script>
• HTML CSS embedding: <link rel="stylesheet" type="text/css" href="data:text/css;base64,/9j/4AAQSkZJRgABAQEAWgBaAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAAB..." />
• HTML image embedding: <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAWgBaAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAAB..." />
• XML image embedding: <xml> <image>data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAWgBaAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAAB...</image> </xml>
• CSS image embedding: .someclass { background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAWgBaAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAAB...'); }