Image en Base64

Téléchargez une image et convertissez-la en chaîne Base64, copiez ou téléchargez le résultat

1305 utilisations | 5.0 notation

Téléchargement d'image

Inclure le préfixe data:image

Sans préfixe

Sélectionner une image

Glissez-déposez une image ici, ou

Résultat de conversion

Non traité

Veuillez télécharger et convertir une image pour voir le résultat

Instructions d'utilisation

Choisir le format de sortie

Choisissez s'il faut inclure le préfixe data:image et sélectionnez le format approprié selon vos besoins.

Télécharger une image

Glissez-déposez une image dans la zone de téléchargement ou cliquez sur le bouton Parcourir pour sélectionner une image.

Convertir l'image

Cliquez sur le bouton "Convertir en Base64" et le système convertira l'image en code Base64.

Copier ou télécharger le résultat

Une fois la conversion terminée, vous pouvez copier le code Base64 ou le télécharger en tant que fichier texte.

Aperçu de l'image

Vous pouvez prévisualiser l'effet de l'image restaurée à partir du code Base64.

Connaissances de base sur Base64

什么是Base64编码？

Base64是一种基于64个可打印字符来表示二进制数据的编码方式。它常用于需要通过文本协议传输二进制数据的场景，如在HTML、CSS、JavaScript中嵌入图片，或在HTTP请求中传输二进制内容。

图片转Base64的应用场景

网页开发

将小图片直接嵌入HTML/CSS中，减少HTTP请求，提高页面加载速度。特别适用于图标、小装饰图等。

数据传输

在只支持文本的协议中传输图片数据，如JSON API、XML数据、电子邮件附件等。

数据存储

将图片直接存储为文本格式，便于在数据库、配置文件或纯文本文档中保存。

安全传输

在需要安全传输二进制数据的场景中使用，如HTTP Basic Authentication认证信息编码。

关于data:image前缀

Base64编码的图片可以包含或不包含前缀，两者有不同的用途：

包含前缀 (data:image/jpeg;base64,)

可以直接用于HTML的img标签src属性或CSS的background-image属性，浏览器能够正确识别并显示图片。

不包含前缀

适用于需要手动添加前缀或在特定系统中使用的场景，如某些API请求、数据库存储等。

Base64编码的优缺点

优点

减少HTTP请求数，提高小图片的加载速度
可以嵌入到纯文本格式中，便于数据交换
无需额外的文件引用，简化项目结构
避免跨域问题和图片缓存问题

缺点

编码后数据量会增加约33%，大图片不适合使用
无法单独缓存，每次页面加载都需要重新解析
会增加HTML/CSS/JS文件的大小
不适合频繁更新的图片，修改需要重新编码

使用小贴士

对于小于10KB的小图片（如图标、小按钮），转换为Base64可以提高页面性能；对于大图片，建议仍然使用单独的图片文件。
在网页开发中，可以使用CSS的url(data:image/...)格式嵌入Base64图片，也可以直接在HTML的img标签src属性中使用。
如果需要在JSON数据中传输Base64图片，建议先压缩图片再进行编码，以减小数据体积。
包含前缀的Base64编码可以直接粘贴到浏览器地址栏中查看图片效果，便于快速验证。

Annonce

API开发平台

快速构建、测试和部署API