图片转 Base64
图片拖入即转,附 Data URI
使用说明
把图片转成 Base64 内嵌进 HTML/CSS/Markdown,可以减少 HTTP 请求、避免外链失效,适合小图标、占位图、邮件配图等场景。转换结果可直接用于 img 标签的 src 或 CSS 的 url()。
使用方法:点击选择或拖入图片文件,工具立即显示预览、原始尺寸与文件大小,并生成完整 Data URI 和纯 Base64 两种格式,按需复制。转换通过浏览器 FileReader 在本地完成,图片不会上传。注意 Base64 体积约增大 33%,大图片不建议内嵌。
常见问题
我的图片会被上传到服务器吗?
不会。转换通过浏览器的 FileReader API 在本地完成,图片数据不离开您的设备,涉及隐私的图片也可以放心转换。
Base64 图片会比原图大多少?
Base64 用 64 个字符编码二进制,体积约增大 33%。因此建议只内嵌小图(几 KB~几十 KB);大图内嵌会拖慢页面加载,得不偿失。
Data URI 和纯 Base64 有什么区别?
Data URI 是在 Base64 前加了协议头的完整形式(data:image/png;base64,...),可直接粘贴进浏览器地址栏预览或放进代码;纯 Base64 只有编码本体,适合接口传输。