返回

图片转 Base64

将图片转换为 Base64 Data URI 格式，支持拖拽上传

工具说明

什么是 图片转 Base64？

将图片转换为 Base64 Data URI 格式，支持拖拽上传

如何使用？

  1. 拖入图片：将需要转换的小尺寸图片（如Logo或Icon）拖入页面。
  2. 本地转码：浏览器使用内置File API读取图片并瞬间生成Base64编码。
  3. 应用编码：复制Data URI字符串，并直接粘贴至HTML的img标签或CSS的background属性中。

使用场景

前端资源内联优化

为了减少首屏加载的HTTP请求数量，将小于10KB的小图标直接以Base64形式硬编码进CSS代码。