在查看网页源码或邮件模板时，有时会看到src属性后面跟着data:image/png;base64,加一长串字母数字，这就是图片的Base64编码，也叫Data URL。它把图片的二进制数据转换成纯文本，可以直接内嵌在HTML、CSS或数据库中。虽然不能替代普通图片文件，但在特定场景下非常有用。您可以使用我们的图片转Base64工具，上传图片立即生成可复制的Data URL代码。
Base64是一种用64个可打印字符（大小写字母、数字、加号、斜杠）表示二进制数据的编码方式。转换时每3个字节重新编码为4个字符，因此编码后的文本体积约比原二进制文件增大约33%。图片转成Data URL后，浏览器不需要再发起一次HTTP请求去获取图片，数据直接随HTML或CSS一起到达，解码后即可显示。data:前缀标明这是一个数据URI，image/png声明MIME类型，;base64表示编码方式。
图片Base64内嵌最适合的场景是小图标。网站上大量几KB的小图标、装饰点、分隔线、按钮背景，如果每个都是独立文件，浏览器就要发起许多次请求，虽有HTTP/2多路复用改善明显，但适当合并仍有价值。把这些小图内嵌进CSS，可以减少请求数、避免图片加载延迟导致的界面闪烁（FOUC）；制作单文件HTML报告、邮件模板、Canvas导出、接口返回小图时，Data URL也非常方便，因为一切都在一个文件里，转发不会丢图。
使用Base64内嵌也有明显的限制和代价。首先体积膨胀约33%，大图内嵌得不偿失；其次内嵌文本无法被浏览器单独缓存，每次HTML或CSS更新都会带着图片数据重新下载，而普通图片文件可以长期缓存复用，所以图标适合内嵌在长期缓存的CSS中，而非频繁变动的HTML；第三，大量超长Base64字符串会降低代码可读性、增加HTML解析时间；第四，Base64不是加密，任何人都能解码，不要用来隐藏敏感图片。
经验法则是：仅建议将小于8到10KB的小图标、小装饰图转为Base64，且优先内嵌在CSS文件中；照片、横幅、内容图等保持独立文件并按需压缩，必要时采用WebP格式；雪碧图（Sprite）在HTTP/2时代已不推荐，但在特定老项目中仍是合并小图请求的方案。做技术选型时可以实际测量对比：分别计算内嵌增加的传输体积与减少请求带来的收益，以真实性能数据为准。
操作上，使用在线图片转Base64工具最简单：上传PNG、JPG、GIF或WebP图片，工具会输出完整的Data URL、纯Base64字符串和CSS背景代码三种形式，点击复制即可粘贴到img标签的src、CSS的url()或接口参数中。转换在浏览器本地完成，图片不会上传。拿到代码后建议在目标浏览器中验证显示效果，并留意整体HTML文件的大小变化，确保内嵌带来的是收益而不是负担。