Base64
Mode
Select Image
Drop image here to encode as Base64
Output Options
Paste Base64 String
Base64 Output
Original Size
Base64 Size
Overhead
+%
Select an image to generate base64 encoding
Paste a base64 string and click Decode to see the image
About Base64 Encoding
- Purpose: Embed images directly in HTML, CSS, or JSON
- Size increase: ~33% larger than binary (3 bytes → 4 characters)
- Data URI: data:image/png;base64,... format for direct use in src attributes
- Use cases: Small icons, CSS backgrounds, email templates, API payloads
- Avoid for: Large images (use URLs instead for better caching)