A two-way converter between image files and Base64 (data URIs). In "Image → Base64" mode, drag and drop an image (or click to choose, or paste with Ctrl/Cmd+V) — PNG, JPEG, WebP, GIF, BMP, or SVG — and it produces a data URI like `data:image/png;base64,iVBORw0KGgo...`. You can choose from four output formats: "Data URI" gives the full string you can drop straight into a `src` attribute; "Base64 only" strips the `data:...;base64,` prefix to give the raw Base64; "CSS" wraps it as a `background-image: url("...")` declaration; and "HTML <img>" gives a complete `<img src="...">` tag — so you just copy the form you need and paste. After converting, it also shows the original file size and the approximate Base64 size (Base64 makes data roughly 1.37× larger), so you can judge whether inlining is reasonable. This is handy for inlining small icons or logos into CSS, HTML, email, or JSON to cut HTTP requests, or for bundling data into a single piece of text. In "Base64 → Image" mode, paste either a `data:` URI or a bare Base64 string and it reconstructs the image for preview and download. When there is no prefix, it sniffs the leading magic-number bytes to detect PNG, JPEG, GIF, WebP, BMP, or SVG automatically. Use it to check whether a data URI you received is really an image, or to recover a Base64 blob embedded in source. Importantly, the image or Base64 you enter is never uploaded, stored, or sent to a server — all processing happens with JavaScript entirely inside your browser, so images you can't share externally stay on your device. Note that this tool focuses on Base64 conversion; it does not resize, compress, or re-encode images, nor does it do URL percent-encoding of text (use the dedicated tools for those).