DevBox

图片转 Base64 / DataURL

① 设计 / 资源

这是什么:把小图片变成一串文本(DataURL),可以直接写进 CSS/HTML,少一次请求。

什么时候用:想把小图标内联进代码、减少请求时。

全部在你的浏览器本地计算,不上传任何数据。

常见问题

什么图片适合转 DataURL?

适合很小的图标/占位图。DataURL 会让体积增大约 33% 且无法单独缓存,大图不建议内联。

相关工具

Base64 文本与 Base64 互转,支持中文(UTF-8),浏览器本地处理。 图片压缩 本地压缩 JPG / PNG / WebP,可调质量与尺寸,不上传服务器。 SVG 压缩 去除注释与冗余空白,压缩 SVG 体积,显示压缩前后大小。