Image vers Base64 ou data URI
Image to Base64 / Data URI
Encode une image en chaîne Base64 ou en data URI prête à coller dans du CSS, du HTML ou du JSON.
Intégrer une image en data URI supprime une requête et ajoute un tiers à sa taille, définitivement, à chaque affichage de page — parce qu’un data URI ne peut pas être mis en cache séparément du document qui le porte. Cet outil encode le fichier et met les deux moitiés de cet arbitrage devant vous avant que vous ne le colliez.
Déposez une image
Encodée dans cet onglet. Base64 n’est pas une compression : elle alourdit le fichier d’un tiers.
Comment s’en servir
Déposez l’image
Le type est décidé par les octets, pas par l’extension — un .png qui est en réalité un JPEG est courant, et une image intégrée avec le mauvais type ne s’affichera pas.
Lisez le verdict
En dessous d’environ 4 Ko, l’intégration est gratuite ; au-delà d’environ 100 Ko, elle retarde le premier affichage sur une ressource qui serait autrement récupérée en parallèle et mise en cache.
Choisissez l’enveloppe
Le CSS vous donne la forme url(), le HTML une balise img, et le JSON une chaîne entre guillemets — collés tels quels plutôt qu’assemblés à la main.
Questions fréquentes
Le Base64 compresse-t-il l’image ?
C’est l’inverse. Il encode trois octets en quatre caractères : le texte est exactement 33⅓ % plus long que le fichier, avant toute compression de transport. C’est un encodage, pas une compression.
Dois-je intégrer mon SVG de cette façon ?
Non. Un SVG est déjà du texte : l’encoder en URL coûte environ 10 % au lieu de 33 %, et le résultat reste lisible et comparable. Le Base64 sur un SVG est l’erreur courante que cette page signale quand elle en voit une.
Pourquoi refuse-t-il les fichiers de plus de 8 Mo ?
Le data URI dépasserait 10 Mo de texte sur une seule ligne. La plupart des éditeurs, et les outils de développement de plusieurs navigateurs, deviennent inutilisables à cette taille — et une image intégrée de 8 Mo n’a jamais été la bonne réponse au départ.
À alimenter depuis
Compresseur PNG
PNG Compressor
Quantifie la palette et réécrit le flux deflate pour alléger un PNG sans toucher à ses dimensions, sans envoi de fichier, tout dans votre navigateur.
Image de substitution
Placeholder Image
Fabrique une image unie ou en dégradé à la taille demandée, avec ses dimensions inscrites dessus.
Base64 vers image
Base64 to Image
Décode une chaîne Base64 ou un data URI et vous rend une image affichable et téléchargeable.
Encodeur et décodeur Base64
Base64 Encoder & Decoder
Encode et décode en Base64 et en Base64URL, pour du texte comme pour des fichiers, avec un traitement correct de l’UTF-8.
Ensuite
Ces outils acceptent ce que celui-ci produit : le résultat peut y aller directement.
Encodeur et décodeur Base64
Base64 Encoder & Decoder
Encode et décode en Base64 et en Base64URL, pour du texte comme pour des fichiers, avec un traitement correct de l’UTF-8.
Base64 vers image
Base64 to Image
Décode une chaîne Base64 ou un data URI et vous rend une image affichable et téléchargeable.
Compresseur PNG
PNG Compressor
Quantifie la palette et réécrit le flux deflate pour alléger un PNG sans toucher à ses dimensions, sans envoi de fichier, tout dans votre navigateur.
SVG en data URI CSS
SVG to CSS Data URI
Encode un SVG en data URI de fond CSS, en n’échappant que ce qui doit l’être pour rester court.
Convertisseur de formats de couleur
Colour Format Converter
Convertit une couleur entre HEX, RGB, HSL, HWB, LAB, LCH et OKLCH et nomme la couleur connue la plus proche.
Sélecteur de couleur
Colour Picker
Choisit une couleur sur un champ OKLCH, à la pipette sur l’écran ou depuis une image, et la copie dans la notation de votre choix.