Tiny inline assets
Use it when a small image needs to become a Base64 string for HTML, CSS, markdown or documentation.
Image to Base64 and Base64 to Image
Encode images as Base64 or decode a data URL without leaving your browser.
Files and text are processed locally in your browser. No upload. No signup.
Decode a Base64 image string to preview it here.
How to use
- 1 Upload an image to generate a Base64 data URL.
- 2 Copy the encoded output or paste an existing data URL.
- 3 Preview and download the decoded image if needed.
Features
- Image to Base64 encoding.
- Base64 image preview and download.
- Runs entirely in your browser.
Common use cases
Embedding tiny graphics into HTML or CSS
Inspecting a Base64 data URL from another tool
Converting an image to a pasteable string for development work
Example input and output
Image input
Turn a small PNG into a data URL
logo.png
Base64 output
Result you can copy or download
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...
Base64 is convenient for embedding, but it grows the total size of the content compared with the original binary file.
When this tool is the right fit
Data URL inspection
It is useful for debugging when another tool or API gives you a long Base64 image string and you want to preview it.
Quick encode-decode workflow
You can move between file form and string form without leaving the browser or writing a throwaway script.
Quick comparison
| If you need | Best choice | Alternative | Why |
|---|---|---|---|
| Embed an image directly into markup | Base64 Image Converter | Static file URL | A data URL is copy-ready when a separate file reference is inconvenient. |
| Smallest possible page payload | Static file URL | Base64 Image Converter | Base64 increases total size, so it is not ideal for larger assets. |
| Preview a Base64 image string | Base64 Image Converter | Manual decoding script | This page gives you immediate visual feedback without extra tooling. |
Best format choice
When to use it
You need a tiny inline asset for development or testing
Base64 can be useful for quick embedding.
When to use it
You are working with larger images or production assets
Keep the image as a file instead of forcing Base64.
Common mistakes
- Using Base64 for large images and expecting good page performance.
- Pasting an incomplete data URL and assuming it should still preview correctly.
- Embedding Base64 where a normal file URL would be simpler and easier to cache.
FAQ
Can I preview a Base64 image string here?
Yes. Paste a valid image data URL to preview and download it.
Will the image be uploaded?
No. Encoding and decoding stay in your browser.
What image formats can I convert to Base64?
Any standard image format your browser supports: PNG, JPEG, WebP, GIF and SVG.
How large can a Base64 string get?
Base64 encoding increases file size by about 33%. Large images produce proportionally larger strings.