Image to Base64

How to use

1. 1Drop one or more image files onto the upload area, or click to pick them with the file picker.
2. 2Pick an output format: Data URI, Raw Base64, CSS background, or HTML img tag.
3. 3Read the file size, dimensions, and Base64 character count for each image.
4. 4Click Copy on any row to copy the encoded output, or Remove to drop a single file.

About this tool

Image to Base64 turns image files into Base64 data URIs that can be inlined directly in HTML, CSS, JSON, SVG, or email templates. Drop PNG, JPG, GIF, WEBP, AVIF, BMP, SVG, or ICO files (or pick them with the file picker) and the tool reads each one in your browser, encodes it as Base64, and shows the file name, MIME type, dimensions, byte size, and resulting Base64 length. Switch between four output formats: a full data URI (data:[mime];base64,[payload]), the raw Base64 payload alone, a ready-to-paste CSS background-image declaration, or an HTML img tag with the data URI inlined. Files never leave your device, since FileReader runs entirely in the browser. Useful for embedding small icons or favicons inline, prototyping email templates, packing assets into a single CSS file, or working in environments where a remote image URL is not an option.

Free to use. Works in your browser. No signup, no login.