All tools · 🔤 Encode / Decode
🖼️ Image to Base64
Drop or pick any image file — we convert it to a Base64 data URL you can paste directly into CSS background-image, HTML src, or JSON. The image never leaves your browser. Supports PNG, JPG, GIF, SVG, WebP, AVIF.
Examples
background-image: url('data:image/png;base64,iVBORw0KGgo…');<img src="data:image/jpeg;base64,/9j/4AA…" alt="" />Frequently asked questions
When is inlining images useful?
Tiny icons (under ~1 KB) and email templates that cannot reference external images. For everything else, real image URLs cache better and load faster.
Why does Base64 bloat the file?
Each 3 bytes of binary becomes 4 ASCII characters — about 33% larger. Plus the data URL syntax adds a few bytes of overhead.
Is it safe to convert sensitive images?
The conversion runs in your browser only — nothing is uploaded. Open DevTools → Network tab to verify.
About this tool
Image to Base64 runs entirely in your browser using standard Web APIs. No data is sent to any server. The source for this tool is in our public GitHub repository.
Related tools
- 🔤 Base64 Encoder / Decoder — Encode text to Base64 or decode a Base64 string back to UTF-8 text.
- 🔢 Hex ↔ ASCII / Text — Convert text to hexadecimal byte sequence and back. UTF-8 aware.
- ✨ QR Code Generator — Generate QR codes for URLs, text, WiFi credentials, and more.
Why this tool
vs typical free web-tool sites
| 1vw | Typical free site | |
|---|---|---|
| Price | Free | Free |
| Signup required | No | Often (for premium features) |
| Ads inside the tool | No | Yes (banner + video) |
| Data sent to server | No (browser-only) | Yes (inputs analyzed for ads) |
| Total tools | 96 | Often <20 or scattered across sites |
| Bookmarkable URL per tool | Yes | Mixed |
| Loads in under 1s | Yes (static) | Often slow (ad tracking) |
| Multilingual | EN / ES / PT / FR / DE | Usually EN only |
| Open source | Yes | No |