图片拖进来变成 Data URL(连同能直接粘进 CSS / HTML 的代码片段), 一串 Base64 粘回来还原成图片。图片不上传,全在你本机转换。
把图片拖到这里(或点击选择)
PNG / JPG / GIF / WebP / SVG / ICO,建议 10KB 以内的小图标
选一张图片,这里会显示「原图体积 / Base64 体积 / 膨胀了多少」。
🔒 图片和 Base64 字符串都只在这台设备上读取、编码、解码,页面不发送任何请求,也不写本地存储。
适合:小图标、小 logo、loading 占位图、邮件模板里的图(邮件客户端对外链图片限制很多)。 好处是真的实在 —— 少一个文件、少一次请求,图片跟着 CSS / HTML 一起来,不会出现「样式好了图还没到」的闪动。
不适合:照片、插画、任何超过 10KB 的图。Base64 会让体积涨约 33%,而且它 不能被浏览器单独缓存(图片文件改动一次,只有那一个文件失效;内联进 CSS 则是整份 CSS 重下)、 不能被 CDN 单独优化,gzip 也几乎压不动(base64 字符分布太均匀)。 一张 200KB 的图塞进样式表,等于每个访问者都得先把样式表下完才能看到页面。
判据很简单:这张图小到「它的字节数还不如多一次请求的开销」,就内联;否则用文件。 经验线是 10KB 上下 —— 上面那个膨胀率就是给你算这个账用的。