九宫格切图
一张方图均分成九张,带间距预览,下载后按顺序发出去就是完整的九宫格。本地处理,不上传。
把图片转成可直接塞进 CSS 或 HTML 的 Base64 字符串,也能反过来把一长串编码还原成图片。本地处理,图片不上传。
把图片拖到这里,或点击选择
支持 JPG / PNG / GIF / WebP / BMP,一次一张 · 图片不上传服务器,全程本地处理
这是 Base64 编码本身的开销。它把每 3 个字节的数据表示成 4 个 ASCII 字符,体积必然膨胀约 33%。所以 Base64 适合放小图标、logo、背景纹理这类几十 KB 以内的图,大图还是建议用文件引用。
不会。编码和解码都由浏览器用 FileReader 和 Canvas 在本地完成,图片数据不会离开你的电脑,页面加载完之后断网也能继续用。
最常见的原因是复制时混进了换行、空格,或者只复制了中间一段。完整的 Data URL 应该以 data:image/ 开头、后面跟一串字符。另外注意不要把带 data:image/png;base64, 前缀的字符串当作纯编码去解码,本工具会自动识别并剥掉前缀。
读取环节依赖浏览器的解码能力,JPG、PNG、GIF、WebP、BMP 都能正常显示。但本工具导出的图片统一是 PNG 格式:GIF 转 Base64 后只会保留第一帧,动图请改用图片编辑器单独处理。
受浏览器内存限制,图片编码后的字符串会整体驻留在页面里。几 MB 以内的图片都没问题;手机直出的大图、几十兆的原图建议先用图片压缩工具缩小,再转 Base64。超大图可能造成页面卡顿甚至标签页崩溃。
Base64 图片内嵌在 HTML 或 CSS 里,好处是少一次请求、单文件就能带走,做邮件签名、小程序图标、离线页很方便;坏处是不能被浏览器缓存、体积偏大,也不利于搜索引擎抓图。建议只对体积小的图标使用。
本工具的所有处理都在你的浏览器里完成,不需要注册、不需要安装,也不会上传你的数据。