图片转base64

图片转base64编码工具

使用 jsongj.com 的免费图像转 Base64 编码,您可以轻松复制和粘贴与您的代码库完全相同的标记或样式。只需在上面的控件中上传图像,转换器就会快速生成该图像的 Base64 编码版本。

Base64 是一种编码算法,可将任何字符、二进制数据甚至图像或声音文件转换为可读字符串,这些字符串可在网络上保存或传输而不会丢失数据。Base64 编码生成的字符包括拉丁字母、数字、加号和斜线。Base64 最常用作电子邮件的 MIME(多用途互联网邮件扩展)传输编码。

Base64 图像主要用于将图像数据嵌入 HTML、CSS 或 JSON 等其他格式中。通过在 HTML 文档中包含图像数据,浏览器无需发出额外的 Web 请求来获取文件,因为图像已嵌入 HTML 文档中。图像的 Base64 表示比单独的图像更大,并且对于大图像,字符串会变得非常长。您应该主要将 Base64 用于小图像,并始终测试嵌入和外部图像以了解哪种效果最好。

一旦转换为 Base64,编码的图像数据将类似于此(为简单起见,已缩短):

iVBORw0KGgoAAAANSUhEUgAAAyAAAADICAIAAACf7RJNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAewklEQVR4nO3dWVsiybbGcUgSkElAUBRnLW2rLvbH6k...
在 HTML 中,可以使用字符串代替元素src属性中的 URL img:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAADICAIAAACf7RJNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAewklEQVR4nO3dWVsiybbGcUgSkElAUBRnLW2rLvbH6k...
" />
或者您可以将字符串作为background-image CSS 插入:
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAADICAIAAACf7RJNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAewklEQVR4nO3dWVsiybbGcUgSkElAUBRnLW2rLvbH6k..."); 
XML 和 JSON 等其他文件类型也支持 Base64 编码图像。