Image to Base64
Images to data URIs, and Base64 back to images.
How to use
- 1Choose Image → Base64 and pick an image.
- 2Copy the data URI, plain Base64, HTML img tag or CSS snippet.
- 3Or choose Base64 → Image and paste a Base64 string.
- 4Preview and download the decoded file.
Frequently asked questions
When should I use Base64 images?
For small icons and images under about 10 KB, to save an HTTP request. Base64 is about 33% larger than the file.
Can it decode Base64 without the data: prefix?
Yes. It detects PNG, JPG, GIF, WebP, SVG, ICO, AVIF and PDF from the first bytes.
What is the size limit?
Images up to 10 MB.
Are my images uploaded?
No. Conversion uses your browser's FileReader; nothing leaves your device.
Why is my CSS slow with Base64?
Large inline images block CSS parsing. Keep big images as separate files.
You may also need
Code Beautifier
Format JS, TS, HTML, CSS, JSON, YAML with Prettier.
PX to REM & clamp()
Convert px and rem; generate fluid clamp() CSS.
Flexbox & Grid Generator
Build flex and grid layouts visually; copy CSS.
Fake Data Generator
Indian test data as JSON, CSV, Excel or SQL.
JWT Generator
Sign JWTs with HS256/384/512 or verify a signature.
Bcrypt Generator
Hash passwords with bcrypt or check a hash.