图片与 Base64 文本的相互转换原理
Base64 把二进制字节按每三个字节映射为四个可打印字符,图片文件借此变成纯文本串,可以直接写进网页标记或样式引用,省去独立文件的额外请求;代价是文本串体积比原始二进制大约三分之一,且无法作为独立文件被单独缓存。
永久免费本地计算 · 零上传
怎么用
- 把小图标写进样式引用,减少文件数量
- 在纯文本环境里携带图片数据
- 构造演示页面时内联少量小图
典型场景
前端样式里嵌入小尺寸图标
邮件或富文本模板携带小图
接口调试时查看图片编码后的文本形态
常见问题
所有图片都适合这样内嵌吗?
不适合。文本串体积膨胀约三分之一,大图会明显拖慢页面加载,通常只用于小图标或小尺寸装饰图。
它和 Data URI 是什么关系?
把编码结果连同媒体类型前缀一起写成引用串,就是常见的 Data URI 形式,二者是同一种做法的不同表述层次。
编码后还能还原为原图吗?
可以。这是可逆的编码方式,解码后字节序列与原文件一致,但要保证传递过程中没有被截断或转义破坏。