Base64 Encoder/Decoder




Key Features Explained

  • UTF-8 Compatibility: Standard atob() and btoa() in JavaScript only handle ASCII. I've implemented the unescape(encodeURIComponent()) wrapper to ensure emojis and special characters (like ©, ®, or non-Latin scripts) don't crash the encoder.

  • File Handling: The "File Upload" section converts any file (PDF, Image, Doc) into a Base64 string using the FileReader API.

  • Image Detection: If the Base64 string represents a common image format (PNG, JPG, SVG), a preview is automatically generated so you can verify the data.

  • Bidirectional Live Sync: Typing in the left box encodes; typing in the right box decodes. This makes it a powerful debugging tool.

  • Responsive Layout: The grid switches to a single column on mobile devices for better readability.

Base64 Studio - Encode & Decode

Base64 Studio

Convert text or files to Base64 and back instantly

Drop a file here or Click to Convert File to Base64

Preview

Plain Text / Binary Data

Base64 String