Convert any image to a Base64 string or Data URI instantly — right in your browser. No file uploads, no server processing, completely free. Supports JPG, PNG, GIF, WebP, SVG, BMP, and ICO.
Drop images here or click to browse
JPG, PNG, GIF, WebP, SVG, BMP, ICO — up to 1.5 MB each, 20 files max
需要对文本进行编码或解码？请使用我们的 Base64 编码器/解码器。
此工具将图像文件转换为 Base64 和 Data URI。如需处理文本、JSON 或现有 Base64 字符串，请使用 Base64 编码器/解码器。
Image to Base64 encoding converts the binary data of an image file into a text string using the Base64 alphabet (A-Z, a-z, 0-9, +, /). The result can be embedded directly in HTML, CSS, or JSON without needing a separate image file. This is especially useful for small icons, email templates, and single-file HTML documents.
When you upload an image, the browser reads the raw bytes using the FileReader API and encodes each group of 3 bytes into 4 Base64 characters. The output is a Data URI — a string starting with data:image/png;base64, followed by the encoded data. This string can be used anywhere a URL would normally point to an image file.
This tool supports JPEG, PNG, GIF (including animated), WebP, SVG, BMP, and ICO. Each format is read as raw bytes and converted to Base64. Animated GIFs retain their animation in the Data URI output. SVG files are handled as-is, preserving vector quality at any size.
Base64-encoded images are ideal when you need to embed small assets directly in code: CSS background images for UI elements, inline images in HTML email templates, data payloads in JSON APIs, or self-contained single-file HTML pages. For large images, regular file hosting is more efficient since Base64 increases size by approximately 33%.
Drop an image into the upload zone or click to browse your files. The tool reads the image in your browser using the FileReader API and produces a Base64-encoded Data URI instantly. No data is sent to any server.
Yes. The tool is completely free, requires no signup, and processes everything locally in your browser. Your images never leave your device.
JPEG, PNG, GIF (including animated), WebP, SVG, BMP, and ICO. Each format is converted to a Base64 Data URI that preserves the original image data.
A Data URI is a string that embeds file data directly in a URL format: data:[mime type];base64,[encoded data]. You can use it as the src of an img tag, in CSS background-image, or anywhere a regular URL is expected.
Yes. Base64 encoding increases the data size by approximately 33% because every 3 bytes of binary data are represented as 4 ASCII characters. For small images (icons, UI elements), this overhead is negligible. For large images, regular file hosting is usually more efficient.
In HTML, use the Data URI as the src attribute: <img src="data:image/png;base64,..." />. In CSS, use it in background-image: url('data:image/png;base64,...'). This tool provides ready-to-use snippets for both formats.
免费在线工具，用于转换、编码和处理文本
转换文本大小写 — 大写、小写、标题格式等
将文本转换为摩尔斯电码，反之亦然
从音频文件或麦克风解码莫尔斯电码
将文本转换为二进制，反之亦然
编码和解码Base64文本
将文本转换为十六进制，反之亦然
使用 ROT13 密码编码和解码文本
在支持的情况下将文本转换为 Unicode 上标。
将文本转换为支持的Unicode下标
即时生成可复制粘贴的 Unicode 删除线文字
Encode and decode URL components, query strings, and percent-encoded text
