Base64 图片/文件在线转换 - 编码解码与 CSS 一键生成

在线 Base64 转换工具:支持图片/文件转 Base64 Data URL,或将 Base64 还原为可下载文件。支持 WebP、批量处理与 CSS background 代码生成,纯本地不上传。

拖拽或点击选择文件

也可直接粘贴 Base64 或文件

如何使用

  1. 选择 文件 → Base64,拖拽或点击选择文件。
  2. 复制 Base64 输出,或复制 CSS background 代码。
  3. 切换到 Base64 → 文件,粘贴字符串并下载还原文件。

核心功能

  • 文件转 Base64:拖拽上传,自动生成 Data URL。
  • Base64 还原文件:粘贴字符串即可恢复并下载。
  • WebP 支持:兼容现代图片格式,适合前端优化。
  • 批量处理:一次处理多个文件,逐个复制输出。
  • CSS 生成:一键复制 background-image: url('data:...')
  • 隐私保护:离线处理,不上传文件或文本。

相关工具

财富自由计算器 2026 (剔除通胀版) - 养老金与复利模拟器

2026 最新 FIRE 财务自由计算器(剔除通胀版)。拒绝虚高数字,精准模拟实际购买力下的复利增长。支持 4% 法则验证与养老金缺口反向推算。支持一键导出 CSV,完美适配 Excel 或 Notion 财务看板。隐私优先,本地计算零上传。

仓位计算器 - 按风险比例规划交易仓位

根据账户资金、风险比例、入场价和止损价计算交易仓位。所有计算在浏览器本地完成,不上传账户数据,可对比多档风险方案。

复利计算器 | 免费定投收益与 APY 增长图表

输入本金、定期投入、年化收益率和投资年限,计算复利增长结果,并用交互式图表展示本金、利息和最终总额。数据仅在本地计算。

在线房贷/贷款计算器 - 实时图表与还款明细 (等额本息/本金)

使用 Loan Calculator / Mortgage Calculator 在浏览器本地计算月供、总利息与还款明细。输入贷款额、年利率和期限,立即查看图表与还款计划表。

在线投资与 ROI 计算器 - 定投/复利收益可视化

使用 Investment Calculator / ROI Calculator 在浏览器本地估算初始本金、每月定投、年化回报率和通胀后的投资结果。立即查看复利图表、本金/收益拆解、ROI 与年度明细。

APR 与 APY 换算计算器 - 名义利率与实际利率转换

使用 APR to APY Calculator 在浏览器本地完成 APR/APY 双向换算。输入利率并选择复利频率,立即查看有效年利率、差值和多频率对比表。

利润率计算器 - 毛利率、加价率与售价在线换算

使用这款利润率计算器在浏览器本地计算毛利、Margin 和 Markup。输入成本和售价,或输入成本与目标毛利率,立即推算售价并避免把加价率误当利润率。

CPM 与 CPC 计算器 - 广告投放 CTR 与成本在线测算

使用 CPM 与 CPC 计算器在浏览器本地测算广告花费、展示量、点击量、CPM、CPC 和 CTR。输入预算与目标成本,快速推演可获得的曝光或点击。

计算逻辑

  • Data URL 结构通常形如:data:[<mediatype>][;base64],<data>
  • 文件读取可用 FileReader 异步执行,避免阻塞 UI。
  • MIME 类型用于生成正确的 Data URL 前缀与下载扩展名。

常见问题

  • 这个工具免费吗?
    • 免费。
  • 数据安全吗?会上传文件吗?
    • 不会。编码/解码在浏览器本地完成。
  • 如何在 CSS 中使用 Base64 图片?
    • 上传图片后点击“复制 CSS background”,即可得到可直接粘贴的样式代码。
  • 为什么 Base64 会让体积变大?(技术原理)
    • Base64 用 4 个字符表示 3 个字节,通常会带来约 33% 的体积膨胀,因此更适合小资源或内联场景。
  • 可以将 WebP 转成 Base64 吗?
    • 可以,工具完整支持 WebP 等现代格式。