Image & Photo Tools
Image to Base64 / Data URI
Convert an image to a Base64 data URI for inlining in CSS, HTML or JSON.
Privacy
Your images never leave your device. Files are decoded and redrawn by your own browser using the Canvas API, so nothing is uploaded, queued or logged.
Tips
- Base64 inflates data by roughly 33%, so inlining is only worth it for very small images — icons and tiny placeholders.
- An inlined image cannot be cached separately from the page, so repeat visitors download it again with every page load.
- For anything above a few kilobytes, a normal file reference with proper caching almost always loads faster.
Frequently asked questions
When is inlining actually a good idea?
For small SVG icons, a 1×1 tracking pixel, or a blurred placeholder shown while the real photograph loads. Below roughly 2 KB the saved request usually outweighs the size penalty.