图片转 Base64
把图片编码成 Base64，直接给出 Data URL、CSS 背景与 img 标签三种可粘贴写法。
本工具在你的浏览器内运行，输入的内容与文件不会上传到任何服务器。
常见问题
- Base64 会比原图大多少？
- 大约大三分之一（精确说是 4/3，即 3 字节变 4 个字符）。所以一张 30 KB 的图编码后约 40 KB 文本。这也是「Base64 图片」最大的代价——它没有压缩，只是换了一种写法，还额外多出 33%。
- 什么时候该用 Base64，什么时候不该？
- 适合：几 KB 的小图标、只有一两张、想省掉一个 HTTP 请求，或者需要单文件分发（比如一个 HTML 里带图）。不适合：几十 KB 以上的照片、会重复出现在多个页面的图、需要浏览器缓存复用的图——内联进 HTML/CSS 的图片无法单独缓存，每次都要随主文档重新下载，反而更慢。
- 支持哪些图片格式？
- 凡是浏览器能识别的都支持：PNG、JPEG、WebP、GIF、AVIF、BMP、SVG 等。工具不会重新编码你的图片，只是把它原样读成 Base64，所以画质与体积都不变。
- 为什么 SVG 建议不要用 Base64？
- SVG 本质是文本，用 Base64 编码反而更长、也无法被 gzip 有效压缩。更好的做法是直接把 SVG 源码内联进页面，或者用 data:image/svg+xml;utf8, 加转义后的源码。本工具对 SVG 仍然会给出 Base64 结果，但你知道有更优解就行。
- 图片会被上传吗？
- 不会。读取与编码用的是浏览器自带的 FileReader，全程在本机内存里完成，页面没有任何对外请求。