点击或拖拽图片到这里
支持 JPG, PNG, WebP 格式,文件大小不超过 20MB
这个工具能做什么
把一张小图转成 Base64,并直接生成可用的代码片段:HTML 的 img 标签、CSS 的 background-image,或者 React 写法,三种切换着看。适合图标、小装饰图这类不想单独发请求的场景。
使用步骤
- 上传图片,建议小于 100KB。
- 选择输出格式 HTML、CSS 或 React。
- 点复制,把代码贴进项目里。
常见问题
为什么建议图片小一点?
Base64 会让数据体积增加大约三分之一,而且内联在代码里没法单独缓存,大图反而会拖慢页面。
图片会上传吗?
不会,Base64 是浏览器读取文件后在本地生成的。
更多工具见开发者工具箱; 要做应用商店预览图,可以用App Store 截图生成器。