📨

图片转base64编码

📷 图片转 Base64
🖼️
点击或拖拽上传图片
支持 PNG、JPEG、WebP、GIF、BMP 格式;也可直接 Ctrl+V 粘贴图片
预览
文件名{{ fileName }}
原始大小{{ formatSize(origSize) }}
图片尺寸{{ imgW }} × {{ imgH }} px
{{ quality }}%
选择指定格式可控制 Base64 体积:JPEG / WebP 更小,但 JPEG 会丢失透明通道(透明区域变白)。
📤 转换结果

💡 功能说明

在线图片转 Base64 编码工具:将图片转换为可直接嵌入网页的 Data URI 字符串,支持原格式保持或重编码为 PNG / JPEG / WebP 以控制体积,同时输出纯 Base64、HTML 与 CSS 三种形式,所有处理均在浏览器本地完成,图片不会上传服务器。

  • 本地转换:选择或拖拽上传图片,工具在浏览器本地将图片编码为 Base64 Data URI,图片不会上传服务器。
  • 格式可选:可保持原图格式,或重新编码为 PNG / JPEG / WebP 以控制体积(JPEG / WebP 更小,但 JPEG 不保留透明)。
  • 三种输出:同时生成「纯 Base64 字符串」「HTML <img> 标签」「CSS background-image」三种形式,按需复制。
  • 一键复制:每个输出区都有复制按钮,点击即可复制到剪贴板。
  • 实时统计:显示编码后的字符数与约略大小,方便评估嵌入成本。

⚠️ 注意事项

  • Base64 编码会比原二进制大约 33%,直接嵌入 HTML / CSS 会让文件变大,建议仅对小图标、背景图使用。
  • 转为 JPEG 会丢失透明通道(透明区域变白);如需保留透明请使用 PNG 或 WebP。
  • 超大图片生成的 Data URI 会很长,可能超出部分输入框或数据库的字符限制。
  • 编码结果为 data: 协议 URI,可直接用于 <img src> 或 CSS,无需额外文件。