▤
图片 → Base64 / Data URI
把本地图片读成 Base64 与 Data URI，输出纯 Base64 / Data URI / CSS / HTML 四种形态。真实格式按文件头判断而不是信扩展名，超过 5 MB 直接拒绝。
浏览器本地执行图片内联
正在加载工具…
使用说明
- 不走 canvas.toDataURL()。那条路会重新编码图片：JPEG 二次压缩掉画质、PNG 可能被转成别的格式，你拿到的已经不是原来那个文件。这里只把字节原样编成 Base64。
- MIME 按文件头判断，不按扩展名。一个叫 .png 的文件如果实际是 JPEG，按扩展名写 MIME 会让浏览器拒绝渲染，而且报错只说「图片损坏」。
- Base64 膨胀是固定的 4/3：3 字节原文变 4 个字符，1 MB 的图片会变成约 1.33 MB 文本。超过 5 MB 直接拒绝——嵌进页面会明显拖慢首屏。
- SVG 会单独提醒：放进 <img src> 里浏览器不执行它内部的脚本，但同一串贴进 innerHTML 或内联进页面就会执行。
- 文件不出浏览器。读取、编码、输出全部在本地完成。