图片转 Base64
把图片转成 base64 data URI,并生成可直接粘贴的 CSS、HTML 和 Markdown 代码片段。
仅在浏览器中处理免费使用
把文件拖到这里,或点击选择
最大 2MB
文件在浏览器本地处理,不会上传到服务器。
文件在浏览器本地处理,不会上传到服务器。
使用方法
无需注册、无需安装,也没有使用次数限制,完全免费。
放入图片就会得到 data URI,以及对应目标语言的代码片段。CSS、HTML 和 Markdown 各自的引号与转义都按该语言的规矩处理好了。
把图片嵌进代码可以少一次网络请求。对请求密集页面上的小图标来说这是实打实的收益,这类文件往往请求本身比内容更贵。
不过 base64 会让文件大约增大三分之一,而且嵌入的图片无法和承载它的文件分开缓存。超过大约 10KB 之后,省下的请求就不如增加的体积贵了,所以会给出提示。
SVG 比其他格式更值得嵌入,因为它压缩效果好,本身通常也不大。
HTML 和 Markdown 片段里的替代文字取自文件名。名字里若有双引号会被转义,以免属性提前闭合。
图片不会被上传,读取和转换都在浏览器本地完成。