图片转 Base64
把图片转成 Data URI 或纯 Base64 文本,直接粘进 CSS、HTML 或 JSON;反过来也能把一段 Data URI 还原成图片下载。
选择图片,或者直接粘贴截图,也可以把文件拖到这个面板里。图片只在这台浏览器里读。
选择图片后自动转换
反过来:Data URI 还原成图片
粘贴一整段 Data URI,点「解析」或按 Tab 移出输入框
使用说明
Data URI 的写法是 data:<MIME>;base64,<数据>。图片的 MIME 常见的是 image/png、image/jpeg、image/webp 和 image/svg+xml。浏览器遇到这种地址会直接渲染,不再发起请求,所以适合小图标、占位图、邮件模板这些不希望依赖外部文件的场合。
CSS 里用 background-image: url("data:..."),HTML 里用 <img src="data:...">,都能直接用。需要注意的是,内联的图片无法被单独缓存,每次加载 HTML 或 CSS 都要重新下载整段文本,所以只适合小图。
转换只用浏览器的 FileReader,图片不会上传到任何地方。反过来解析时,非图片的 Data URI(比如文本)也能还原成文件下载,只是没有预览。