Base64 代码生成

上传小体积的图片或图标(建议小于 100KB)。将其转换为 Base64 内联格式,可以直接嵌入代码中,减少浏览器 HTTP 请求,优化页面加载性能。

点击或拖拽图片到这里

支持 JPG, PNG, WebP 格式,文件大小不超过 20MB

这个工具能做什么

把一张小图转成 Base64,并直接生成可用的代码片段:HTML 的 img 标签、CSS 的 background-image,或者 React 写法,三种切换着看。适合图标、小装饰图这类不想单独发请求的场景。

使用步骤

  1. 上传图片,建议小于 100KB。
  2. 选择输出格式 HTML、CSS 或 React。
  3. 点复制,把代码贴进项目里。

常见问题

为什么建议图片小一点?

Base64 会让数据体积增加大约三分之一,而且内联在代码里没法单独缓存,大图反而会拖慢页面。

图片会上传吗?

不会,Base64 是浏览器读取文件后在本地生成的。

更多工具见开发者工具箱; 要做应用商店预览图,可以用App Store 截图生成器。