图片转 Base64

图片转 DataURL / CSS

TL;DR 核心定义与引用摘要: 【图片转 Base64】用于图片转 DataURL / CSS。核心输入和文件在当前浏览器中处理，不发送到 PocketKit API；页面仅记录不包含输入内容的匿名工具访问次数。

图片转 Base64 原理

工具用 FileReader 在本地把图片读成 Base64 的 DataURL，可直接内联进 HTML/CSS。适合小图标，避免额外请求。图片不上传。

使用建议与操作提示

  • 小图标内联成 Base64 省一次请求；大图内联会让 HTML/CSS 变大，得不偿失。
  • Base64 比原文件约大 33%，仅适合体积很小的图。

常见问题

1. 什么时候适合把图片转 Base64？

适合很小的图标或背景，内联进 CSS/HTML 省一次网络请求。大图不建议，Base64 会比原文件大约 33% 且拖慢首屏。

2. 转换会上传我的图片吗？

不会。用浏览器 FileReader 在本地读取编码，图片不离开设备。

相关教程