Catégories

Convertisseur d'Image en Base64

Convertissez des images en encodage Base64 avec support pour divers formats et réglages de qualité

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/jpeg, image/png, image/webp, image/gif

Points clés

Catégorie
Design
Types d’entrée
file, select, checkbox, number
Type de sortie
text
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Notre convertisseur d'image en Base64 vous permet de transformer rapidement vos fichiers graphiques en chaînes de caractères encodées, facilitant ainsi leur intégration directe dans votre code source, vos feuilles de style CSS ou vos bases de données.

Quand l’utiliser

  • Pour intégrer des images directement dans votre code HTML ou CSS sans dépendre de fichiers externes.
  • Pour stocker de petites icônes ou des logos directement dans une base de données sous forme de texte.
  • Pour réduire les requêtes HTTP en embarquant des ressources graphiques légères directement dans vos pages web.

Comment ça marche

  • Sélectionnez votre fichier image (JPEG, PNG, WebP ou GIF) depuis votre appareil.
  • Ajustez les paramètres optionnels comme le format de sortie, le redimensionnement ou l'inclusion du préfixe Data URI.
  • Cliquez sur convertir pour générer instantanément votre chaîne Base64 prête à être copiée.

Cas d’usage

Intégration d'icônes SVG ou PNG directement dans des fichiers CSS pour éviter les requêtes réseau.
Envoi d'images via des API REST qui exigent des données textuelles plutôt que des fichiers binaires.
Stockage de petites images de profil ou avatars dans des champs de texte de base de données.

Exemples

1. Intégration d'icône dans CSS

Développeur Web
Contexte
Un développeur souhaite afficher une petite icône de panier sans créer de fichier image séparé sur le serveur.
Problème
Éviter une requête HTTP supplémentaire pour une icône de 2 Ko.
Comment l’utiliser
Charger l'icône PNG, activer le préfixe Data URI et copier le résultat.
Configuration d’exemple
outputFormat: png, includeDataUri: true
Résultat
Une chaîne Base64 prête à être insérée dans la propriété 'background-image' du fichier CSS.

2. Optimisation d'image pour API

Ingénieur Backend
Contexte
Une application mobile envoie des photos d'utilisateurs vers un serveur via une requête JSON.
Problème
Le serveur nécessite que l'image soit transmise sous forme de chaîne de caractères encodée.
Comment l’utiliser
Redimensionner l'image à 500px de large, convertir en WebP et copier la chaîne.
Configuration d’exemple
outputFormat: webp, maxWidth: 500
Résultat
Une image légère et formatée, facilement intégrable dans le corps d'une requête JSON.

Tester avec des échantillons

image, png, jpg

Hubs associés

FAQ

Quels formats d'image sont pris en charge ?

L'outil prend en charge les formats JPEG, PNG, WebP et GIF.

Qu'est-ce que le préfixe Data URI ?

C'est une chaîne de caractères (ex: data:image/png;base64,...) qui indique au navigateur le type de contenu de la chaîne encodée.

Y a-t-il une limite de taille pour les fichiers ?

Oui, la taille maximale autorisée pour le téléchargement d'un fichier est de 10 Mo.

Puis-je redimensionner mon image avant la conversion ?

Oui, vous pouvez définir une largeur et une hauteur maximales en pixels pour optimiser le poids de la chaîne générée.

L'encodage Base64 augmente-t-il la taille du fichier ?

Oui, l'encodage Base64 augmente généralement la taille du fichier d'environ 33 % par rapport au format binaire original.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/image-to-base64

Paramètres de la requête

Nom du paramètre Type Requis Description
imageFile file (Téléchargement requis) Oui -
outputFormat select Oui -
includeDataUri checkbox Non -
maxWidth number Non -
maxHeight number Non -

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/image-to-base64 pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texte: Texte

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-image-to-base64": {
      "name": "image-to-base64",
      "description": "Convertissez des images en encodage Base64 avec support pour divers formats et réglages de qualité",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=image-to-base64",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]