Aback Images
本地处理

Image to Data URI

Generate a data:image/...;base64 URI for embedding images directly in code.

将image拖放到此处

或从您的电脑或手机中浏览文件

100% 在浏览器中本地处理
Simple Steps

How to use Image to Data URI

1

Select or drop an image.

2

The data URI is generated automatically with the correct MIME type.

3

Copy the full data URI with one click.

4

Paste it into HTML, CSS, or code.

Got Questions?

Frequently Asked Questions

What does a data URI look like?

data:image/png;base64,iVBORw0KGgo... The MIME type matches your image format automatically.

How large can a data URI get?

Base64 expands data by about 33%. A 1MB image becomes roughly 1.37MB of text, so data URIs are best for small assets.