图片转 Base64

将任何图片转换为 Base64 编码的 data URI，可嵌入 HTML 或 CSS 中。

Image Upload

Click or drag an image file here

1 image · Max 2MB
Base64 Result
0 characters

Image to Base64

This tool converts an image file into a Base64 encoded data URI string. You can embed this string directly in HTML or CSS, eliminating the need for a separate image file request.

Base64 encoding increases the data size by approximately 33%, so it's best used for small images like icons and logos rather than large photographs.

How to use

  1. Drag and drop an image file onto the upload area, or click to select.
  2. The Base64 encoded data URI appears in the text editor below.
  3. Use Copy to copy the result or Save to download as a text file.

Embedding images in HTML

You can use Base64 data URIs directly in HTML img tags:

<img src="data:image/png;base64,ivborw0kggo..." width="300" height="100" alt="base64 image"/>

/* In CSS */
.logo {
  background: url('data:image/png;base64,ivborw0kggo...');
}

Convert with Python

Convert an image to Base64 using Python:

import base64

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())

data_uri = 'data:image/png;base64,' + encoded.decode()