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()

Intégration MCP

MCP (Model Context Protocol) permet aux agents IA et aux applications de découvrir et d'exécuter les utilitaires Coding.Tools pour des workflows répétables de conversion, formatage, hachage et génération.

Nom de l'outil MCP: image-to-base64

Point de terminaison MCP: https://coding.tools/mcp

Appelez d'abord tools/list. Chaque outil inclut inputSchema, outputSchema et examples afin qu'un agent IA ou un client puisse construire des arguments valides sans deviner.

Pour tools/call, lisez result.content[0].text pour la valeur affichable et result.structuredContent pour l'analyse par programme. Les échecs d'outil renvoient isError: true ; les échecs de protocole renvoient une JSON-RPC error.

Exemple de requête tools/call :

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"image-to-base64","arguments":{"input":{"url":"https://coding.tools/assets/img/photo2pixel-demo.png"}}}}'

Pour image-to-base64, passez une URL d'image publique dans input.url. Pour les fichiers locaux privés, utilisez l'interface Web ou envoyez les octets du fichier en Base64 avec options.mimeType.

La plupart des outils de texte et de données acceptent une chaîne input et des options facultatives. Les outils d'image qui dépendent des API d'image du navigateur sont listés pour la découverte et renvoient un lien vers l'interface Web si nécessaire.