← Back to all tools

TOOL · 70 · Image

Image ⇄ Base64

Encode an image to a base64 data URL for CSS/HTML, or decode base64 back into a downloadable image.

In short
Image ⇄ Base64 converts any image to a base64 data URL (for pasting into CSS or HTML) or decodes a base64 / data URL back into a downloadable image — done locally with the FileReader API.

Processed 100% in your browser — your files never leave your device.

Drop files here or click to browse

No signup · No watermark · Files never leave your device · Up to ~300 MB recommended

How it works

  1. Step · 01

    Choose Encode (image → base64) or Decode (base64 → image).

  2. Step · 02

    Drop your image or paste a data-URL / base64 string.

  3. Step · 03

    Copy the base64 for use in CSS/HTML data-URLs or download the decoded image.

Frequently asked questions

Can I paste the data URL straight into CSS?
Yes. The output is a full data:image/…;base64,… URL that works in background-image, <img src>, or an HTML email.
Does it work on SVG?
Yes — SVG encodes fine, though for CSS you may prefer inlining the SVG XML instead of base64 for smaller size.
Are my files uploaded to a server?
No. Files are processed directly in your browser using JavaScript and WebAssembly. Nothing is uploaded to our servers, so your documents never leave your device.
Does it work on mobile?
Yes. The tools run in any modern browser on desktop, tablet, or mobile (Chrome, Edge, Safari, Firefox). Very large files may be slower on low-end phones.

Read the guide

All articles →

تابع العمل

قد تحتاج أيضًا إلى

تصفح جميع الأدوات