Image to Base64
Turn an image into a Base64 data URL, with ready CSS and HTML snippets.
Images are processed entirely in your browser and never uploaded.
Was this tool useful?
About this tool
A Base64 data URL embeds an image directly in your CSS, HTML or JSON as text, so it loads without a separate network request. It is handy for small icons and inline assets; large images are better left as separate files because Base64 adds about 33% to the size.
Encoding runs in your browser and the tool gives you the raw data URL plus ready-to-paste CSS and HTML snippets.
How to use it
- Add an image (PNG, JPG, WebP, GIF or SVG).
- Click Convert to Base64.
- Copy the data URL, or the CSS or HTML snippet.
Common problems
- The data URL is huge.
- Base64 grows with the image. Compress or resize the image first, and reserve inlining for small assets.