在线检测
JSON工具
编码/加密
图片处理
文字处理
格式化
网络
前端
后端
搜索工具、优惠码…⌘K

图片转 Base64

选图即得 Base64 / data URL,带预览体积对比,直接生成可用的 <img> 与 CSS 代码图片不上传、纯前端

选择一张图片开始转换(本地处理,不上传)

怎么用?

  • 点「选择图片」选一张本地图(PNG/JPG/WebP/SVG/GIF 均可)。
  • 上方显示预览原始 → Base64 体积对比
  • 下方给出三种代码片段——data URL / <img> 标签 / CSS 背景,逐个复制。

什么时候该用 Base64 内联?

适合≤ 5KB 的小图标、装饰性小背景:内联省一次请求、无图裂风险。 不适合大图——Base64 让体积增大约 33%,大图内联会撑大 HTML/CSS、 无法被浏览器单独缓存,反而拖慢首屏。大图请继续用 <img src> 外链或走 CDN。

关于 chdh.me 在线工具

本工具是 出海导航 chdh.me 免费在线工具集的一员, 同类还有 文件 / 图片转 Base64图片压缩图片格式转换,均纯前端运行、不上传、不追踪