Qu’est-ce que l’encodage Base64 ?

Base64 est un système de codage binaire en texte qui représente les données binaires sous forme de caractères ASCII. Il est utilisé pour intégrer des données binaires telles que des images dans des contextes de texte tels que HTML, CSS, JSON et XML.

Pourquoi Base64 augmente-t-il la taille du fichier de 33 % ?

Base64 code tous les 3 octets de données binaires sous forme de 4 caractères ASCII. Puisque 4 divisé par 3 est égal à 1,33, la sortie codée est toujours environ 33 % plus grande que le fichier d'origine.

Quand dois-je utiliser une image Base64 ?

Les images Base64 sont utiles pour les petites icônes et les éléments d'interface utilisateur intégrés en CSS ou HTML afin d'éliminer les requêtes HTTP supplémentaires. Ils ne sont pas recommandés pour les images volumineuses, car la taille accrue des fichiers et le manque de mise en cache du navigateur compensent les avantages.

Qu'est-ce qu'un URI de données ?

Un URI de données intègre les données directement plutôt que de pointer vers une ressource externe. Le format est data :[mediatype];base64,[data]. Vous pouvez utiliser un URI de données partout où une URL est attendue.

Puis-je utiliser des images Base64 en CSS ?

Oui. Utilisez la sortie au format CSS d'image d'arrière-plan et collez-la directement dans votre feuille de style, éliminant ainsi le besoin d'une demande d'image distincte.

Puis-je utiliser des images Base64 dans un e-mail HTML ?

Oui. Les balises img Base64 sont largement utilisées dans les e-mails HTML pour éviter le blocage des images externes par les clients de messagerie.

Y a-t-il une limite de taille ?

L'outil impose une limite de taille de fichier de 2 Mo. Une image de 2 Mo produit une chaîne Base64 de 2,7 Mo qui créerait un très gros fichier HTML ou CSS.

A quoi sert le décodeur inverse ?

Le décodeur inverse reconvertit une chaîne Base64 ou un URI de données en image binaire d'origine. Ceci est utile pour extraire des images intégrées dans le code source ou les réponses API.

Des données quittent-elles mon navigateur ?

Non. Tout l’encodage et le décodage sont entièrement effectués dans le navigateur à l’aide de l’API FileReader et des fonctions intégrées du navigateur.

Puis-je encoder des fichiers SVG ?

Oui. Les fichiers SVG sont du XML basé sur du texte et peuvent être encodés en Base64. Ils peuvent également être intégrés sous forme de SVG en ligne pour les navigateurs modernes.

Image to Base64

Nouveau

Convertissez des images en URIs de données Base64 pour l'intégration CSS, HTML et SVG avec décodeur inverse.

Gratuit pour toujours

Sans inscription

Sans stockage

Déposez une image ici ou cliquez pour parcourir

Inclure le préfixe data URI

Outils associés

Image Compressor

image

Compress JPG, PNG, WEBP, GIF, and BMP images with quality and format controls.

Try it free

Image Format Converter

image

Convert images between JPEG, PNG, WebP, BMP, TIFF, GIF, and ICO formats.

Try it free

Intégrer cet outil

Ajoutez cet outil à votre site avec un extrait iframe.

<iframe src="https://dukotools.com/tools/image-to-base64?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="image-to-base64 tool"></iframe>

About Image to Base64

Image to Base64 convertit n'importe quel fichier image en une chaîne codée en Base64 et le présente dans quatre formats prêts à l'emploi : l'URI des données brutes, la valeur de la propriété CSS background-image, une balise img HTML intégrée et la chaîne Base64 pure. Téléchargez un fichier JPEG, PNG, WEBP, GIF, SVG ou ICO jusqu'à 2 Mo par glisser-déposer. L'outil affiche la taille du fichier d'origine, la taille encodée et le pourcentage exact d'augmentation de la taille. Le codage Base64 augmente la taille du fichier d'environ 33 % car il représente 3 octets de données binaires sous forme de 4 caractères ASCII. La section de conversion inverse accepte une chaîne Base64 ou un URI de données, la décode, affiche l'aperçu de l'image et propose un bouton de téléchargement pour le fichier image décodé.

Principales fonctionnalités

Quatre formats de sortie
URI de données, propriété CSS background-image, balise HTML img et chaîne Base64 brute.
Statistiques de taille
Affiche la taille originale, la taille codée et l'augmentation de la taille en pourcentage.
Boutons de copie individuels
Bouton Copier pour chaque format de sortie séparément.
Décodeur inversé
Collez une chaîne Base64 ou un URI de données pour décoder et prévisualiser l'image originale.
Plusieurs types de fichiers
Prend en charge les fichiers JPEG, PNG, WEBP, GIF, SVG et ICO jusqu'à 2 Mo.
Télécharger la chaîne codée
Téléchargez la chaîne Base64 sous forme de fichier .txt.

Comment utiliser

1
Télécharger une image
Faites glisser et déposez ou cliquez pour sélectionner un fichier JPEG, PNG, WEBP, GIF, SVG ou ICO.
2
Sélectionnez votre onglet format
Choisissez l'URI de données, CSS, la balise HTML img ou l'onglet Raw Base64.
3
Copiez la sortie
Cliquez sur le bouton Copier pour le format choisi.
4
Décoder une chaîne Base64 (facultatif)
Faites défiler jusqu'à la section inverse, collez une chaîne Base64, cliquez sur Décoder et téléchargez l'image.

Cas d'utilisation réels

Développement d'e-mails

Un développeur de messagerie convertit un logo PNG en Base64 et l'intègre dans l'e-mail HTML pour garantir que le logo apparaisse même lorsque le client de messagerie bloque les images externes.

Alternative aux sprites CSS

Un développeur intègre de petites icônes d'interface utilisateur en tant qu'URI de données Base64 dans un fichier CSS pour éliminer plusieurs requêtes HTTP d'image.

Stockage d'images API

Un développeur décode les chaînes d'images Base64 à partir d'une réponse API héritée pour télécharger et afficher les fichiers image réels.

Foire aux questions

Related Free Tools

Explore these tools that work great alongside Image to Base64:

Image Compressor

Compress JPG, PNG, WEBP, GIF, and BMP images with quality and format controls.

Image Format Converter

Convert images between JPEG, PNG, WebP, BMP, TIFF, GIF, and ICO formats.