Image en Base64

Convertissez n'importe quelle image en un URI de données codé en Base64 pour l'intégrer en HTML ou CSS.

Télécharger une image

Cliquez ou faites glisser un fichier image ici pour le télécharger

1 image · 2 Mo maximum
Sortie
0 caractères

Image vers Base64

Cet outil convertit un fichier image en une chaîne URI de données codées en Base64. Vous pouvez intégrer cette chaîne directement dans HTML ou CSS, éliminant ainsi le besoin d'une demande de fichier image distincte.

Le codage Base64 augmente la taille des données d'environ 33 %, il est donc préférable de l'utiliser pour les petites images comme les icônes et les logos plutôt que pour les grandes photographies.

Les fichiers sont lus localement dans votre navigateur. L image n est pas envoyee a un serveur et l outil limite l entree a une image de 2 Mo maximum pour des performances previsibles.

Comment utiliser

  1. Faites glisser et déposez un fichier image sur la zone de téléchargement ou cliquez pour le sélectionner.
  2. L'URI des données codées en Base64 apparaît dans l'éditeur de texte ci-dessous.
  3. Utilisez Copier pour copier le résultat ou Enregistrer pour le télécharger sous forme de fichier texte.

Incorporation d'images en HTML

Vous pouvez utiliser les URI de données Base64 directement dans les balises HTML img : <img src="data:image/png;base64,...">

En CSS, vous pouvez utiliser des URI de données pour les images d'arrière-plan : background: url('data:image/png;base64,...')

Convertir avec Python

Convertissez une image en Base64 à l'aide de Python :

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()