🔣 图片转 Base64

图片与 Base64 字符串互转

关于「图片转 Base64」

把图片转成 data URL 字符串,可以直接写进 CSS 或 HTML,省掉一次网络请求;也可以把收到的 Base64 字符串还原成图片。

常见问题

图片转 Base64 有什么实际用途?

把图标内联进 CSS 或 HTML 可以减少请求数,在只允许传文本的 JSON 接口里传递图片也很方便。

Base64 图片会影响页面性能吗?

会。体积约增大三分之一,且无法被浏览器单独缓存,因此通常只建议用于 10KB 以内的图标类小图。

data URL 有长度限制吗?

各浏览器限制不同,通常几 MB 以内没问题,但过长的 data URL 会拖慢解析,大图建议走文件上传。