将图片转换为 Base64（data URI）

导入一张图片，直接获得一段 data:image/...;base64,... 字符串，可直接粘贴到 CSS 或 HTML 中，用于嵌入小图标而无需额外的网络请求。

示例：

工作原理

想把小图标、Logo 或图案直接嵌入 CSS 样式表（例如作为 background-image）或 HTML 中，而不用额外添加文件或发起额外的网络请求？导入图片：它会被编码为一段带有正确前缀 data:image/png;base64,（或 jpeg、gif、webp 等，取决于检测到的格式）的 Base64 字符串，可直接作为 URL 值用在您的代码中。

什么时候应该用 Base64 编码的图片而不是单独的文件？

这主要适用于非常小的图片（图标、图案、小型 Logo）：可以避免额外的 HTTP 请求，并有助于简化独立组件的部署。对于照片或体积较大的图片，单独的文件仍然更可取：Base64 会使体积增加约 33%，并且浏览器不会对其单独缓存。

图片格式会自动检测吗？

会的。此工具会分析导入文件的开头字节以确定其真实格式（PNG、JPEG、GIF、WebP 等），并将其写入生成字符串的前缀中，而不依赖文件名的扩展名。

100% 本地处理，在您的浏览器中完成（WebAssembly）——您的图片永远不会发送到服务器。