OnlineFreeTools.org
  • 首页
  • 图片编辑工具
    • 图片文字水印 — 浏览器内本地标注
    • 图片主色提取 — 色板与点击取色
    • 图片翻转 — 水平或垂直镜像
    • 图片加边框 — 选颜色与宽度
    • 图片压缩 — 缩小尺寸与文件体积,本地完成
    • 图片裁剪与改尺寸 — 本地完成
    • 图片 EXIF 查看与清除 — GPS、相机信息、本地处理
    • 图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成
    • 图片转灰度 — 本地黑白转换
    • 多图拼接 — 合成一张拼图,本地完成
    • 图片优化 — 更小体积,可调编码器,本地完成
    • 图片叠加 Logo — 透明定位,本地完成
    • 图片与 Base64 互转 — 本地编码解码
    • 多图转 GIF — 本地合成短动画
    • 多图转 PDF — 每图一页本地合并
    • 多图转 PPT — 每图一张幻灯片
    • 多图转 Word — 本地生成 DOCX
  • 设计工具
    • 品牌色 Token 包 — HEX/HSL/OKLCH 色阶
    • WCAG 对比度检测 — AA/AAA 比率在线算
  • 开发者工具
    • 给域名添加 www DNS — 记录生成与各平台教程
    • CSV ↔ JSON 互转 — 类型、分隔符、本地处理
    • HTML 实体编解码 — 转义、反转义、本地处理
    • IndexNow — Bing URL 提交、密钥检查与状态码
    • IP 地址查询 — 查看我的公网 IP(IPv4/IPv6)
    • JSON Schema 校验器 — 路径错误与本地处理
    • Markdown ↔ HTML 转换 — 预览与安全清理
    • 在线文本对比 — 文本差异对比工具
    • 在线查看 HTTP 响应头
    • YAML ↔ JSON 互转 — 类型规则、多文档、本地处理
  • 计算器
    • BMI 计算器 — 如何计算身体质量指数
    • 多元函数梯度计算 — ∇f 偏导向量
    • 边际收益计算 — 公式 MR = ΔTR / ΔQ
    • 百分比变化计算 — 旧值到新值的涨跌幅
    • 投资回报率(ROI)计算 — 公式与示例
    • 平方英尺转平方米 — 看房与装修面积换算
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

工具

图片文字水印 — 浏览器内本地标注给域名添加 www DNS — 记录生成与各平台教程品牌色 Token 包 — HEX/HSL/OKLCH 色阶图片主色提取 — 色板与点击取色CSV ↔ JSON 互转 — 类型、分隔符、本地处理图片翻转 — 水平或垂直镜像BMI 计算器 — 如何计算身体质量指数多元函数梯度计算 — ∇f 偏导向量边际收益计算 — 公式 MR = ΔTR / ΔQ百分比变化计算 — 旧值到新值的涨跌幅投资回报率(ROI)计算 — 公式与示例HTML 实体编解码 — 转义、反转义、本地处理图片加边框 — 选颜色与宽度图片压缩 — 缩小尺寸与文件体积,本地完成图片裁剪与改尺寸 — 本地完成图片 EXIF 查看与清除 — GPS、相机信息、本地处理图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成图片转灰度 — 本地黑白转换多图拼接 — 合成一张拼图,本地完成图片优化 — 更小体积,可调编码器,本地完成图片叠加 Logo — 透明定位,本地完成图片与 Base64 互转 — 本地编码解码多图转 GIF — 本地合成短动画多图转 PDF — 每图一页本地合并多图转 PPT — 每图一张幻灯片多图转 Word — 本地生成 DOCXIndexNow — Bing URL 提交、密钥检查与状态码IP 地址查询 — 查看我的公网 IP(IPv4/IPv6)JSON Schema 校验器 — 路径错误与本地处理Markdown ↔ HTML 转换 — 预览与安全清理平方英尺转平方米 — 看房与装修面积换算在线文本对比 — 文本差异对比工具WCAG 对比度检测 — AA/AAA 比率在线算在线查看 HTTP 响应头YAML ↔ JSON 互转 — 类型规则、多文档、本地处理

图片与 Base64 互转 — 本地编码解码

在浏览器把图片与 Base64(data URL 或纯串)互相转换,无需上传。步骤:编码模式选择文件生成可复制字符串,或解码模式粘贴 Base64 预览并下载图片。示例:样例 PNG 编码为 data:image/png;base64,… 可直接粘贴进 HTML。全过程在本地完成,便于嵌入小图标与调试载荷。

怎么用

编码模式读文件为 data URL;解码模式粘贴字符串预览并下载。

规则

编码用 readAsDataURL;解码接受 data:image… 或裸 Base64(默认 image/png)。

  • 可选去掉 data: 前缀。
  • 非法串报错。
  • 超大串占内存。
  • 不上传。

示例

示例编码小 PNG 并在输出框显示 data URL。

适合场景

  • 把小图标嵌进 HTML/CSS。
  • 调试邮件或 Markdown 图片载荷。
  • 从 Base64 还原预览。

常见问题

会上传吗?

不会。

data URL 和裸串?

data URL 含 MIME 前缀;裸串只有 Base64 本体。

超大文件?

可以但耗内存,建议先压缩。

解码 MIME?

来自 data URL,裸串默认 image/png。

动画 GIF?

按文件编码,本页不编辑动画帧。

相关工具

  • 图片格式转换 — PNG JPEG WebP AVIF BMP GIF ICO SVG 本地完成
  • 图片压缩 — 缩小尺寸与文件体积,本地完成

分享这个工具

可通过社交网络分享,或复制本页链接;支持系统分享的设备也可一键分享。

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/zh/tools/image-to-base64

咨询与反馈

页面不清、功能异常或想提建议?在下方起草邮件,我们会阅读每一封关于工具的来信。

邮箱: dailyonetools@outlook.com

参考来源

  • MDN — FileReader.readAsDataURL()
  • MDN — Data URLs
OnlineFreeTools.org · 学习项目 · 持续迭代
关于·开发日志·隐私·条款·联系