图片转 Base64

简单快捷的图片转 Base64 在线工具

图片转 Base64
Base64 转图片

点击或拖拽图片到这里

支持 JPG、PNG、WEBP、BMP、GIF 等主流格式

什么是 Base64？

Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方式。常用于在 URL、Cookie、网页中嵌入图片，可以减少 HTTP 请求。

使用示例

在 HTML 中使用：

<!-- 直接在 img 标签的 src 属性中使用 -->
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..." alt="Base64 图片" />

在 CSS 中使用：

.element {
    /* 作为背景图片 */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...');

    /* 作为背景图标 */
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0i...') no-repeat center;
}

在 JavaScript 中使用：

// 创建图片元素
const img = new Image();
img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...';

使用说明

  • 1 点击或拖拽图片到上方区域进行上传
  • 2 上传后，图片会自动转换为 Base64 编码
  • 3 点击"复制"按钮将编码复制到剪贴板
  • 4 点击"清除"按钮重置工具