Softonic

Convertisseur d'image en BASE64

Étape 1 / 3
Restauration du fichier sélectionné...

Une URL de données Base64 réunit le type de média et les octets encodés d’une image dans une seule valeur textuelle, par exemple data:image/png;base64,.... Choisissez une image de 20 Mio maximum : le convertisseur crée cette valeur localement dans votre navigateur. Avant de la copier, vous voyez les informations du fichier source et la longueur approximative de l’URL générée.

Comment encoder une image en base64

  1. 1

    Choisissez une image

    Sélectionnez un fichier image de 20 Mio maximum.

  2. 2

    Encodez localement

    Le navigateur lit le fichier et crée une URL de données Base64 complète sans l'envoyer au serveur.

  3. 3

    Vérifiez le résultat

    Contrôlez le type de média, les informations du fichier et la longueur approximative de l'URL générée.

  4. 4

    Copiez l'URL de données

    Copiez la valeur complète `data:image/...;base64,...` dans le presse-papiers.

Quand intégrer, quand lier

L’intégration base64 économise une requête HTTP au prix d’une augmentation de taille de 33 %, cela en vaut la peine pour certaines ressources, mais c’est un gaspillage pour d’autres.

Calcul de taille

Taille originale Taille Base64 Octets supplémentaires
1 Ko 1,36 Ko 360 O
10 Ko 13,6 Ko 3,6 Ko
100 Ko 136 Ko 36 Ko
1 Mo 1,36 Mo 360 Ko

Guide de décision

Cas d’utilisation Intégré ou externe
Icône de moins de 2 Ko (logo SVG, sprite) Intégré
Image de curseur dans CSS (cursor: url()) Intégré
Petite démonstration HTML ou CSS autonome Intégré
Icône intégrée dans une charge JavaScript Intégré
Image principale, > 50 Ko Externe
Tout ce qui pourrait être mis en cache séparément Externe

Format URI de données

data:[<mediatype>][;base64],<data>

Exemples :

  • data:image/png;base64,iVBORw0KGgo..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, SVG, souvent mieux intégré sans base64
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

Conseils

  • SVG est souvent mieux en tant que url() avec encodage utf8 au lieu de base64 ; plus court, lisible.
  • L’encodage n’analyse ni n’assainit l’image. N’intégrez que des fichiers fiables, surtout les SVG, qui peuvent contenir des éléments actifs ou externes.
  • Les grandes images dans les charges JSON bloquent l’analyse si elles sont très grandes ; envisagez des références multipart ou externes.
  • CSS background-image avec base64 s’intègre proprement mais empêche la mise en cache entre les pages.

Questions fréquentes

Le base64 encode 3 octets d’entrée en 4 caractères, donc la sortie est toujours ~33 % plus grande que l’entrée. Une image de 10 Ko produit une chaîne d’environ 13 600 caractères. C’est normal qu’elle soit aussi longue.

Le convertisseur accepte une image de 20 Mio maximum. C’est une limite de traitement, pas une recommandation : mieux vaut garder les URL de données petites, car Base64 ajoute environ un tiers au volume source et empêche une mise en cache séparée.

Non. L’encodage base64 s’exécute dans votre navigateur. L’image ne quitte jamais votre appareil.

Pas dans cet encodeur. Utilisez l’outil distinct Base64 vers image pour transformer une URL de données ou une chaîne Base64 brute en fichier image téléchargeable.

Outils similaires

Créateur de tier list

Créez une tier list privée avec textes et images locales, personnalisez les niveaux, classez au clavier ou par glisser-déposer et exportez.

Compresser GIF

Réduisez la taille d'un GIF animé dans le navigateur en diminuant les dimensions, en conservant moins d'images et en ajustant la qualité d'encodage. Prévisualisez la boucle avant le téléchargement.

Générateur de graffitis

Créez un texte façon graffiti avec des effets tag, bulle, bloc, pochoir, néon et wildstyle. Réglez les couleurs et exportez-le en PNG ou SVG.

Générateur de codes-barres

Créez dans le navigateur un code-barres 1D en Code 128, EAN, UPC, ITF-14 ou autre format pris en charge, puis téléchargez-le en SVG ou PNG.

Éditeur de photos

Éditeur de photos dans le navigateur avec recadrage, rotation, luminosité, contraste, saturation, filtres, texte superposé et export en JPG, PNG ou WebP.

Créateur de papier à en-tête

Créez un papier à en-tête réutilisable avec vos coordonnées, couleurs et logo ou initiales. Prévisualisez en A4 ou US Letter, puis imprimez, enregistrez en PDF depuis le navigateur ou téléchargez un PNG.