Tutoriel d'utilisation de Base64.im

1. Pourquoi utiliser l'encodage Base64 ?

Base64 représente des données binaires en texte. Il permet d’intégrer de petites icônes ou une démonstration dans un seul document. Pour les signatures électroniques, vérifiez la prise en charge des Data URI par le logiciel de messagerie.

2. Formats d'images pris en charge

Sélectionnez des images JPEG, PNG, GIF, WebP, SVG ou BMP. Les octets et le type MIME sont conservés ; aucune compression, conversion de format ou réduction de taille n’est effectuée.

3. Comment utiliser base64.im pour convertir des images

Choisissez les fichiers ou déposez-les dans la zone prévue. La limite est de 20 images, de 10 Mo chacune. Chaque résultat possède ses boutons de copie et de téléchargement.

4. Utiliser des images codées en Base64 comme sources d'images HTML

Copiez le résultat complet, préfixe data:image/...;base64, compris, dans l’attribut src d’une image. Ajoutez un texte alternatif. Vous pouvez sélectionner et copier le résultat manuellement.

<img src="data:image/png;base64,…" alt="…">

5. Utiliser l'image encodée en Base64 comme arrière-plan CSS

Placez la Data URI complète dans url() de background-image en CSS. Conservez le préfixe et les caractères de remplissage. Les points de suspension des exemples ne constituent pas une image valide.

.image { background-image: url("data:image/png;base64,…"); }

6. Remarques

Base64 augmente la taille d’environ un tiers. Privilégiez les petites images et testez le résultat. Pour les grandes images réutilisées, une URL classique permet une meilleure gestion du cache.