图片转 Base64

把图片编成 Data URI、纯 Base64、CSS 或 HTML 代码，也能反过来把 Base64 还原成图片下载。

Base64 会让体积大约增加 33%，只适合小图标内嵌；大图请用文件引用。

正在载入工具…

这一页在做什么：图片转 Base64

四种输出形式：Data URI（data:image/png;base64,……）、纯 Base64（去掉前缀，给接口用）、CSS 片段、HTML 片段（自动带上真实宽高）。

反向解析会自动识别带前缀与不带前缀两种写法，解出来的图片可直接预览与下载。

输入一张 alpha.png 24×16，142 B本地转换

操作	实测结果
PNG Data URI	`Data URI 314 个字符（约 235 B 数据）`
JPEG Data URI（质量 0.9）	`同一张转 JPEG（质量 0.9）→ Data URI 1383 个字符（约 1.0 KB，反而更大）`
CSS 片段	`生成 .bg { background-image: url("data:image/png;base64,…"); } 完整可粘贴片段`
Base64 还原成图片	`粘贴 Data URI → 还原出 24×16 · 142 B · image/png 的预览并可下载`

复制走浏览器剪贴板 API，不支持时会自动退回选区复制并提示你手动 Ctrl+C。