OnTool

图片转 Base64

本地上传(每次一张)、链接、解码;浏览器本地完成

上传与选项

说明

要点
  • 本地:图片仅在浏览器读取;不会上传到本站服务器。
  • 数量:本地上传每次仅支持 1 张图片;若在拖入多张或混有其他文件时,仅处理首张符合条件的图片。
  • 输出:可复制 纯 Base64 或带 Data URL 前缀的完整字符串。
  • 结果:转换结果区顶部可切换纯 Base64含 Data URL 前缀;预览过长会省略后缀以减轻卡顿;复制与下载始终为完整输出

点击或拖拽到此区域

JPG、PNG、WebP、GIF;每次 1 张

转换结果

开启后输出形如 data:image/类型;base64, 前缀的完整字符串

暂无结果

请在左侧拖拽或选择图片后开始转换

使用说明
按下列步骤操作即可;具体按钮位置以页面为准。
  1. 「本地上传」:每次可选择或拖入一张图,右侧可复制纯 Base64 或带前缀的完整 Data URI,也可下载 TXT。
  2. 「图片链接」:粘贴同源或已开放 CORS 的图片地址后转换;抓取失败多数是防盗链或跨域不允许。
  3. 「Base64 解码」:粘贴 Data URI 或纯 Base64(可带前缀),自动尝试解码并在右侧预览,支持放大查看与导出图片文件。
  4. 超长粘贴时为防止页面卡顿会自动保护式展示,仍以内存中完整内容解码;可按 Ctrl+Enter 再次解码。
  5. 切换顶部 Tab 会清空离开的 Tab;当前 Tab 内可用 Shift+Delete 快速清空。
常见问题
若在浏览器里使用遇到问题,可先对照下方说明排查。
什么时候该用 Data URI?
极小图标、单页演示或可接受更大 HTML/CSS 缓存体积时可行;大图会明显增加首屏与内存压力,一般用独立 URL + 缓存更合理。
体积会比原二进制大多少?
Base64 相比原始字节体积通常大约增加三分之一;若为 Data URL 还会在头部多出 MIME 等少量字符,传输层 gzip 仍可部分抵消。
图片会被上传到你们的网站吗?
不会。解码、转换及链接抓取均由浏览器在用户本机发起;我们不会收集您选择的本地文件内容与剪贴板数据。
为什么「图片链接」总是失败或空白?
跨域抓取依赖目标站的 CORS(或您是否使用允许跨域的图片地址);防盗链返回 HTML、跳转登录页或非图片 MIME 都会导致失败,可改用本地上传。
超长 Base64 粘贴后页面会不会卡死?
本工具对超大文本会做输入保护与延迟解码以降低卡顿:仍建议使用合适体积的图片或对来源分段处理;极端大尺寸受浏览器内存上限限制。
和「Base64 编解码」工具页有什么不同?
本页专为图片二进制与预览/导出流程设计;若为任意文本与普通 Base64 互转请使用文本编解码页。