切换工具
图片转 Base64
图片一键转 Data URI,附 CSS / HTML 代码片段
使用说明
选择本地图片,立即得到 Base64 编码的 Data URI 与预览。三种复制格式:纯 Data URI(通用)、CSS background-image 片段、HTML img 标签——小程序码、邮件内嵌图、单文件 HTML 交付都直接可用。
适用与不适用:Base64 内联适合几十字节的图标、小 logo、必须单文件交付的场景;业务图片(Banner、照片)不要内联——体积增大约 1/3,无法被浏览器单独缓存,页面每次都要重新下载整段编码。超过 100KB 的图工具会给出警告。
与 Base64 编解码工具的关系:那边处理的是文本 ↔ Base64,本工具专为图片服务,自动带上 data:image/xxx;base64 前缀并给出三种引用代码。
常见问题
Base64 用 4 个字符表示 3 个字节,编码后体积固定为原始的约 4/3(再加 Data URI 前缀)。HTTP 场景里还要算上 gzip:文本 Base64 再压缩后通常能回到接近原体积,但依然是净增。所以它解决的是"必须走文本通道"的问题,不是压缩手段。