Comment convertir une image en URI de données Base64 pour CSS ?

Déposez ou collez une image (Ctrl+V), puis ouvrez l'onglet CSS et cliquez sur Copier. Vous obtenez une règle background-image: url(...) avec l'URI de données intégrée. Les onglets HTML, Markdown, Base64 brut et JSON fonctionnent de la même façon.

Pourquoi la sortie Base64 est-elle environ un tiers plus grande que mon image ?

Le Base64 transforme chaque groupe de 3 octets en 4 caractères de texte, donc le texte est environ 33 % plus volumineux que le fichier. C'est pourquoi les URI de données conviennent aux petites icônes et aux logos, pas aux grandes photos.

Comment raccourcir la chaîne Base64 ?

Ouvrez d'abord Réduire et définissez une Largeur max. ou un Format (WebP, JPEG ou PNG), puis baissez la Qualité pour WebP ou JPEG. Les fichiers SVG et GIF ne peuvent pas être réduits ainsi ; le SVG dispose à la place d'un onglet SVG (encodé URL).

Puis-je retransformer une chaîne Base64 en image ?

Oui. Réglez le Sens sur Base64 vers image et collez une URI de données ou du Base64 brut. L'outil reconnaît PNG, JPEG, GIF, WebP, SVG, BMP, ICO et AVIF, puis propose un téléchargement. Une entrée invalide affiche une erreur.

Pourquoi la copie échoue-t-elle ou l'aperçu semble-t-il tronqué avec une grande image ?

L'aperçu n'affiche que les 2000 premiers caractères, mais Copier et Télécharger fournissent la valeur complète. Les très longues chaînes peuvent dépasser la limite du presse-papiers du navigateur ; utilisez donc Télécharger ou réduisez d'abord l'image.

Est-ce vraiment gratuit ?

Oui. Tous les outils sont gratuits, sans compte et sans carte bancaire. Le traitement se fait sur votre appareil plutôt que sur nos serveurs, et c'est ce qui permet de garder le service gratuit.

Mes fichiers sont-ils envoyés ?

Non. Vos fichiers sont ouverts et traités dans votre navigateur et ne sont pas envoyés à LibraTool. Certains outils téléchargent d'abord un moteur de traitement ou un modèle d'IA dans votre navigateur ; ce téléchargement ne contient aucune donnée de vous.

Fonctionne-t-il sur mobile ?

Oui. Il fonctionne dans les navigateurs mobiles récents sur iOS et Android, sans rien à installer. Les très gros fichiers peuvent être lents ou manquer de mémoire sur un téléphone ; utilisez alors un ordinateur.

🖼️

Image vers Base64 — outil gratuit

Convertissez une image en URI de données Base64 pour une utilisation en ligne dans CSS, HTML ou Markdown. Copiez des extraits prêts à l'emploi. Encodé dans votre navigateur ; jamais téléversé.

Taille selon votre appareilLes fichiers restent privésAucune connexion requiseGratuit pour toujours

Fonctionne hors ligne une fois chargé

Déposez un fichier ici ou cliquez pour parcourir

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · traité sur votre appareil

ou appuyez sur Ctrl+V pour coller depuis le presse-papiers

Parcourir les fichiers

Conseil : vous pouvez également coller une image depuis votre presse-papiers (Ctrl+V).

Vos fichiers ne quittent jamais votre appareil. Tout le traitement se fait localement dans votre navigateur.

Convertissez une image en data URI Base64 que vous pouvez coller directement dans CSS, HTML ou Markdown — aucun fichier séparé nécessaire. Encodé dans votre navigateur ; jamais téléchargé.

Utilisations courantes

Intégrer une image en CSSIncorporez une petite icône ou un arrière-plan en tant qu'URI de données dans votre feuille de style.
Incorporer une image en HTMLIncorporez un logo ou une icône directement dans un HTML autonome.
Convertir un SVG ou une icône en Base64Transformez une petite icône en URI de données pour l'intégration.
Incorporer une image en MarkdownIntégrez une petite image dans un fichier Markdown avec un URI de données.
Obtenir un URI de données d'imageProduisez un URI data: brut que vous pouvez utiliser n'importe où.

Comment ça marche

Un URI de données intègre une image directement dans votre code sous forme de texte, pour qu'elle se charge sans demande de fichier séparé — pratique pour les petites icônes et le HTML autonome. Ceci l'encode dans votre navigateur.

1
Vous déposez une image
Elle est lue localement avec l'API FileReader — jamais envoyée.
2
Elle est codée en Base64
Les octets d'image deviennent un URI data: (data:image/...;base64,…) directement dans votre navigateur.
3
Vous choisissez un extrait
Copiez l'URI de données brut, ou CSS (background-image), HTML (<img>) ou Markdown prêts à l'emploi.
4
Collez-le dans votre code
L'image se déplace maintenant en ligne avec votre CSS/HTML — aucun fichier supplémentaire à héberger.

L'image est encodée entièrement sur votre appareil. Notez que le Base64 est environ 33 % plus volumineux que l'original ; les URI de données conviennent donc mieux aux petites images.

Outils associés

🖼️

Stéganographie d'image (cacher du texte dans une image)

Cachez un message texte secret dans un PNG en utilisant la stéganographie par bit de poids faible, avec chiffrement optionnel AES-256-GCM par mot de passe. Extrayez-le plus tard avec le même outil. Tout s'exécute dans votre navigateur.

EssayerFichiers locaux

🔢

Encodeur et décodeur Base64

Encodez du texte ou des fichiers en Base64, ou décodez des chaînes Base64 en texte brut. Instantané, privé et gratuit.

Essayer

🔗

Encodeur et décodeur d'URL

Encodez et décodez des URLs et des chaînes de requête. Prend en charge encodeURIComponent, decodeURIComponent et l'analyse de chaînes de requête.