Image to Base64 Converter
Convert PNG, JPG, GIF, WebP or SVG images into Base64 data URIs, ready to paste into HTML or CSS.
100% private — everything runs in your browser
How to Use
- 1
Drop an image or click to choose one from your device.
- 2
The Base64 data URI is generated instantly, along with img tag and CSS snippets.
- 3
Copy the snippet you need, or download the data URI as a text file.
Examples
Small icon
Input
logo.png · 12 KBOutput
data:image/png;base64,iVBORw0… (~16 KB of text)Inline CSS
Input
background.png · 4 KBOutput
background-image: url("data:image/png;base64,…");FAQ
Why is the Base64 version bigger?
Base64 encodes every 3 bytes as 4 characters, so the text is about 33% larger than the binary file. Gzip compression usually shrinks it back.
When should I inline an image?
For small icons, logos and UI graphics of a few kilobytes, where saving an HTTP request matters more than the extra page weight.
Is my image uploaded?
No. The file is read with the browser FileReader API and never leaves your device.
Related Tools
Base64 Encoder/DecoderEncode text to Base64 and decode Base64 back to text with full Unicode and emoji support — 100% in your browser.Image CompressorCompress JPG, PNG and WebP images right in your browser. Adjust quality, format and size, download the results — images never leave your device.SVG to PNG ConverterRender SVG files or pasted SVG markup to crisp PNG images at any width, with an optional white background.Image ResizerResize images to exact dimensions while keeping aspect ratio — right in your browser.JPG to PNGConvert JPG images to PNG format instantly — 100% in your browser.PNG to JPGConvert PNG images to JPG format instantly — 100% in your browser.