图

图片转 Base64

把图片转成可直接塞进 CSS 或 HTML 的 Base64 字符串,也能反过来把一长串编码还原成图片。本地处理,图片不上传。

类型在线工具,免安装处理方式浏览器本地完成,不上传费用完全免费更新2026-10-17

把图片拖到这里,或点击选择

支持 JPG / PNG / GIF / WebP / BMP,一次一张 · 图片不上传服务器,全程本地处理

使用说明

  1. 点「图片转 Base64」区域,选择一张本地图片;也可以直接把图片文件拖到虚线框里。
  2. 在「输出格式」里选 Data URL(带 image/png 前缀,能直接写进 img 标签的 src 或 CSS 的 background)或纯编码(只有那一长串字符)。
  3. 下方文本框会显示完整结果,点「复制结果」直接进剪贴板,或者点「存成 txt」保存成文本文件备用。
  4. 要反方向用就点上方的「Base64 转图片」,把编码粘进文本框,点「还原成图片」就能下载回图片文件。

常见问题

转换出来的 Base64 为什么比原图大了三分之一左右?

这是 Base64 编码本身的开销。它把每 3 个字节的数据表示成 4 个 ASCII 字符,体积必然膨胀约 33%。所以 Base64 适合放小图标、logo、背景纹理这类几十 KB 以内的图,大图还是建议用文件引用。

图片会被上传到你们的服务器吗?

不会。编码和解码都由浏览器用 FileReader 和 Canvas 在本地完成,图片数据不会离开你的电脑,页面加载完之后断网也能继续用。

Base64 转图片时提示「不是有效的 Base64」怎么办?

最常见的原因是复制时混进了换行、空格,或者只复制了中间一段。完整的 Data URL 应该以 data:image/ 开头、后面跟一串字符。另外注意不要把带 data:image/png;base64, 前缀的字符串当作纯编码去解码,本工具会自动识别并剥掉前缀。

支持哪些图片格式?

读取环节依赖浏览器的解码能力,JPG、PNG、GIF、WebP、BMP 都能正常显示。但本工具导出的图片统一是 PNG 格式:GIF 转 Base64 后只会保留第一帧,动图请改用图片编辑器单独处理。

能处理多大的图片?

受浏览器内存限制,图片编码后的字符串会整体驻留在页面里。几 MB 以内的图片都没问题;手机直出的大图、几十兆的原图建议先用图片压缩工具缩小,再转 Base64。超大图可能造成页面卡顿甚至标签页崩溃。

Base64 图片和直接引用图片文件有什么区别?

Base64 图片内嵌在 HTML 或 CSS 里,好处是少一次请求、单文件就能带走,做邮件签名、小程序图标、离线页很方便;坏处是不能被浏览器缓存、体积偏大,也不利于搜索引擎抓图。建议只对体积小的图标使用。

标签

图片Base64编码

本工具的所有处理都在你的浏览器里完成,不需要注册、不需要安装,也不会上传你的数据。

九

九宫格切图

在线使用 图片工具

一张方图均分成九张,带间距预览,下载后按顺序发出去就是完整的九宫格。本地处理,不上传。

图片切图打开工具 →
图

图片裁剪

在线使用 图片工具

在图上拖出一个框,框住要保留的区域,可以锁定 1:1、16:9 等常用比例,也能先旋转摆正再裁。全程本地完成,图片不上传服务器。

图片裁剪打开工具 →
图

图片压缩

在线使用 图片工具

拖进图片,调一下质量和尺寸就能压掉一大半体积,压缩前后对比一目了然。全程在浏览器里完成,图片不上传服务器。

图片压缩打开工具 →
图

图片加水印

在线使用 图片工具

给图片加上文字水印,位置、字号、透明度、颜色都能调,还能一次给多张图加上同一个水印。全程在浏览器本地完成,图片不上传服务器。

图片水印打开工具 →