๐ผ๏ธImage โ Base64
Loading...
Encoding images as Base64 lets you embed them directly in HTML, CSS, or JSON as plain text without needing a separate file. Drop or paste an image and this tool instantly generates a Data URL, raw Base64 string, HTML img tag, CSS background value, and Markdown image syntax.
How to Use
- 1Upload an image
Drag and drop an image file onto the zone, click to browse, or paste a screenshot from clipboard (Ctrl+V).
- 2Check the preview
Review the image preview along with file name, type, size, dimensions, and Base64 size.
- 3Copy the format you need
Click the copy button next to Data URL, Base64, HTML img tag, CSS background, or Markdown.
Tips
- ๐กBest suited for small icons and logos. Large images produce large Base64 strings that may impact performance.
- ๐กCopy the CSS background value and paste it directly into an inline style or CSS file.
- ๐กAll processing happens in your browser โ your images are never uploaded to a server.
- ๐กUse the 'Base64 โ Image' tab to do the reverse: paste a Base64 string or Data URL to preview and download it as an image file.