Image to Base64
Convert images to Base64 data URIs for HTML and CSS.
Base64 turns an image into text so it can be embedded directly in HTML, CSS or an email, saving an HTTP request for small icons.
About Image to Base64
Convert up to 10 images at once to Base64 data URIs. Copy the full data URI, the raw Base64, a ready-made <img> tag or a CSS background-image rule — useful for inlining small icons in HTML, CSS or emails. Files never leave your browser.
Base64 turns an image into text so it can be embedded directly in HTML, CSS or an email, saving an HTTP request for small icons. This converter reads your images in the browser and gives you the data URI, raw Base64, an <img> tag or a CSS rule.
How to use Image to Base64
- Click the upload area and choose up to 10 images.
- Check the preview and the size before and after encoding.
- Copy the data URI, the raw Base64, the <img> tag or the CSS background rule.
Key features
- Batch conversion of up to 10 images.
- Four copy formats: data URI, Base64 only, <img> tag and CSS.
- Works with PNG, JPG, GIF, WebP and SVG.
Common use cases
- Inlining tiny icons and logos to reduce requests.
- Embedding images in HTML emails and single-file pages.
- Storing images in JSON or config files.
Frequently asked questions
Related tools
Color Picker
Click any pixel in an image to get its exact color code.
CSS Gradient Generator
Create linear, radial and conic CSS gradients visually.
Color Converter
Convert colours between HEX, RGB, HSL, HSV, CMYK and OKLCH.
Color Contrast Checker
Check WCAG contrast ratio between text and background colours.