图片转 Base64
本地图片转 Data URI / Base64，预览并显示体积变化
功能介绍
选择本地图片（PNG / JPEG / GIF / WebP / SVG），在浏览器内转换为 Data URI 或纯 Base64，显示转换前后的体积对比，可直接用于 CSS background 或 <img> 内联，减少请求数。
图片仅在本地内存处理，不会上传。
使用说明
- 选择或拖拽图片文件
- 输出区提供 Data URI 与纯 Base64 两种形式
- 显示原始大小、编码后大小与体积增幅
- 建议小图标（< 10 KB）才做内联，大图请走 CDN
输入输出示例
CSS 用法
background-image: url(data:image/png;base64,iVBORw0KGgo...);常见问题
为什么体积变大了约 33%？
Base64 把 3 字节映射为 4 字符，编码后体积必然增大，这是格式本身的开销。
相关工具
- 文件转 Base64 - 本地文件转为 Base64 或 Data URI，不经过服务器
- SVG 查看与优化 - 安全预览 SVG、查看尺寸信息、生成 Data URI
- Favicon 生成器 - 一张源图生成多尺寸 favicon.ico 与 PNG，本地 Canvas 处理
- 颜色转换 - HEX / RGB / HSL 互转，含对比度与色卡预览
本工具完全在浏览器本地运行，输入内容不会被上传或保存。