Turn an image into a Base64 string or data URI, with ready-to-paste snippets for CSS, HTML and Markdown.
How to use Image → Base64
Drop an image here or choose a file.
Pick the Output: Data URI, Base64, CSS, <img> or Markdown.
Click Copy to put it on your clipboard.
Frequently asked questions
How do I convert an image to Base64?
Drop the image here and the Base64 text appears straight away. Choose Base64 for the raw string or Data URI for a value you can use in src or url().
When should I embed images as Base64?
It suits small icons and images in emails or single-file pages, because it saves a separate request. For large images it's better to link the file, since Base64 is about a third bigger.
Is my image uploaded?
No. The image is read and encoded in your browser.