π How to Use
Click the upload area or drag and drop an image to convert it to a Base64 encoded string. Supports PNG, JPG, GIF, WebP, SVG and other common formats.
Choose between full Data URL or raw Base64 output, and adjust JPG/WebP quality. One-click copy for direct use in HTML, CSS, or JavaScript.
What is Base64 encoding for images?
Base64 encodes binary image data into ASCII strings. Once encoded, images can be embedded directly in HTML img src attributes, CSS background-url properties, or JavaScript code without separate file requests.
π― Use Cases
- HTML Emails: Embed images inline to avoid being blocked by email clients
- CSS Sprites: Embed small icons directly in CSS to reduce HTTP requests
- Single-file HTML: Package images into one HTML file for easy sharing
- Mobile Apps: Store or transmit images as strings in mini-programs
β FAQ
How much larger does a Base64 image become?
Base64 encoding expands data by about 33% due to the 3-to-4 byte encoding ratio, plus Data URL metadata. Best for small images (<100KB).
Do all browsers support Data URLs?
All modern browsers fully support Data URLs. IE8+ supports them (32KB limit), IE9+ has no limit. Some browsers may need SVG Data URLs URL-encoded.
What if my image is too large?
This tool processes images locally in the browser. For best results, keep images under 10MB. Compress very large images first.