图片转 Base64
Image to Base64 / Data URI
把图片编码成 Base64 字符串，或直接生成可粘进 CSS、HTML、JSON 的 data URI。
把图片内联成 data URI 少一次请求，代价是体积永久增加三分之一，每次页面浏览都如此——因为 data URI 不能脱离承载它的文档单独缓存。这个工具编码文件，并在你粘贴之前把这笔交易的两面都摆在你面前。
把图片放到这里
在这个标签页里完成编码。Base64 不是压缩 —— 它会让文件大三分之一。
怎么用
拖入图片
类型由字节决定，不由扩展名决定——实际是 JPEG 的 .png 很常见，类型错了的内联图片不会渲染。
读结论
4 KB 以下内联是免费的；超过 100 KB 左右，它就在拖慢首次绘制，而这个资源本来可以并行获取并缓存。
选包装
CSS 给你 url() 形式，HTML 给 img 标签，JSON 给带引号的字符串——直接粘进去，不用手工拼。
常见问题
Base64 会压缩图片吗？
正相反。它把三个字节编码成四个字符，所以在任何传输压缩之前，文本比文件正好长 33⅓%。它是一种编码，不是压缩。
我的 SVG 该这样内联吗？
不该。SVG 本来就是文本，URL 编码它只多 10% 左右而不是 33%，结果还可读、可 diff。对 SVG 用 Base64 是这个页面见到时会指出的常见错误。
为什么拒绝超过 8 MB 的文件？
data URI 会是超过 10 MB 的一行文本。大多数编辑器和几种浏览器的开发者工具在那个大小下都没法用——而一张 8 MB 的内联图片从来就不是正确答案。
可以从这些接进来
接下来
这些工具吃得下当前工具的产出，结果可以直接送过去。
Base64 编码解码
Base64 Encoder & Decoder
对文本和文件做 Base64 与 Base64URL 编解码，UTF-8 处理正确。
Base64 转图片
Base64 to Image
把 Base64 字符串或 data URI 还原成可预览、可下载的图片。
PNG 压缩
PNG Compressor
量化调色板并重写 deflate 数据流，在不改变尺寸的前提下减小 PNG 体积。
SVG 转 CSS 数据 URI
SVG to CSS Data URI
把 SVG 编码成可用作 CSS 背景的 data URI，只转义非转义不可的字符，把体积压到最小。
颜色格式转换
Colour Format Converter
在 HEX、RGB、HSL、HWB、LAB、LCH 和 OKLCH 之间换算同一个颜色，并给出最接近的已知色名。
颜色拾取器
Colour Picker
在 OKLCH 色板上选色，也可以用屏幕吸管或从上传的图片里取色，并按任意表示法复制出来。