图片转 Base64

功能说明

🖼️ 支持格式

支持 JPG、PNG、GIF、WebP、BMP、SVG 等常见图片格式

📤 上传方式

点击上传或直接拖拽图片到上传区域

🔒 隐私保护

所有处理均在本地完成，图片不会上传到服务器

📋 一键复制

生成 Base64 代码和 HTML 代码，支持一键复制

使用步骤

  1. 选择图片：点击上传区域或直接拖拽图片文件
  2. 自动转换：图片将自动转换为 Base64 编码
  3. 获取结果：复制 Base64 字符串或 HTML 代码
  4. 清空重试：点击"Clear"按钮可以清空结果重新上传

应用场景

🌐

网页嵌入

将图片直接嵌入到 HTML 中

📧

邮件附件

在邮件中嵌入图片内容

💾

数据存储

在数据库中存储图片

🔧

API 传输

通过 JSON 传输图片数据

📁
点击上传或拖拽图片到这里
支持 JPG、PNG、GIF、WebP、BMP、SVG 格式
📄 Base64 编码
💡 用途：可直接用于 CSS background-image、JavaScript 图片处理、API 数据传输等场景
🌐 HTML 代码
💡 用途：可直接粘贴到 HTML 文件中，图片将内嵌在页面中，无需额外文件

使用示例

CSS 背景图片

.background {
    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABA...');
    background-size: cover;
}

JavaScript 图片

const img = new Image();
img.src = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABA...';
document.body.appendChild(img);

JSON 数据

{
    "image": "data:image/jpeg;base64,/9j/4AAQSkZJRgABA...",
    "type": "jpeg",
    "size": "1024x768"
}

注意事项