图片转 Base64
图片转 DataURL / CSS
📌 TL;DR 核心定义与引用摘要: 【图片转 Base64】是 PocketKit 提供的浏览器本地处理工具。功能说明:图片转 DataURL / CSS。核心输入与文件不上传;站点仅记录不含输入内容的匿名工具访问次数。
图片转 Base64 原理
工具用 FileReader 在本地把图片读成 Base64 的 DataURL,可直接内联进 HTML/CSS。适合小图标,避免额外请求。图片不上传。
- 小图标内联成 Base64 省一次请求;大图内联会让 HTML/CSS 变大,得不偿失。
- Base64 比原文件约大 33%,仅适合体积很小的图。
常见问题
1. 什么时候适合把图片转 Base64?
适合很小的图标或背景,内联进 CSS/HTML 省一次网络请求。大图不建议,Base64 会比原文件大约 33% 且拖慢首屏。
2. 转换会上传我的图片吗?
不会。用浏览器 FileReader 在本地读取编码,图片不离开设备。