图片转Base64

将图片转换为Base64文本。

为Web开发将图片转换为Base64

Base64是一种将二进制数据(如图片)转换为ASCII文本字符串的编码系统。这允许直接在HTML代码、CSS样式表或JavaScript文件中嵌入图片,无需单独的外部文件。对于小图标、logo和UI元素特别有用,内联加载可以减少一个额外的HTTP服务器请求。

Base64编码使数据大小比原始二进制文件增加约33%。因此,主要推荐用于小图片(小于10KB)。对于较大的图片,通常将其作为单独文件提供并利用浏览器缓存更为高效。Base64 data URI可用于HTML图片的src属性、CSS的background-image属性以及任何接受URL的位置。

我们的工具在浏览器中即时将任何图片转换为Base64。不会上传任何内容到服务器。你可以获得三种输出格式:纯Base64字符串、带有MIME前缀的完整data URI可直接使用,以及可粘贴到代码中的HTML img标签。每种格式都有一键复制到剪贴板的按钮。

常见问题

为什么Base64比原文件大?

Base64将每3字节二进制数据编码为4个ASCII字符,导致大小增加约33%。这是编码系统固有的特性,是将二进制数据转换为纯文本的代价。

什么时候应该使用Base64图片?

适合小图标(小于10KB)、HTML邮件、离线应用,或想减少HTTP请求次数时使用。对于大图片,最好作为单独文件提供。

可以在CSS中使用data URI吗?

可以。你可以在CSS的background-image属性中使用完整的data URI,例如:background-image: url(data:image/png;base64,...)。这对不需要外部加载的背景、精灵图和装饰元素很有用。