Table des matières

Comme vous pouvez le voir ci-dessus, il existe deux options pour choisir le convertisseur Base64 en image et le convertisseur image en Base64. Base64 en image convertira toute chaîne Base64 en format d'image. Image to Base64 convertira l'image en chaîne Base64. Veuillez cliquer sur l'option en fonction de vos besoins.

Comment utiliser l'outil de conversion de base64 en image?

L'outil de conversion Base64 en image vous aidera à convertir votre chaîne encodée en Base64 en une image. Vous pouvez télécharger cette image en cliquant sur le bouton de téléchargement. Collez simplement votre chaîne encodée en Base64 dans la zone de saisie et elle la convertira automatiquement en image et un aperçu sera affiché sur votre écran. Vous pouvez également sélectionner n'importe quel fichier texte contenant une chaîne encodée en Base64. Il existe également des options pour copier la chaîne encodée en Base64 et effacer la zone de saisie.

Comment utiliser l'outil de conversion d'image en base64?

L'outil de conversion d'image en Base64 vous aidera à convertir n'importe quelle image en chaîne encodée en Base64, code de balise d'image html et code d'image d'arrière-plan CSS. Faites simplement glisser et déposez l'image dans la boîte rectangulaire ci-dessus ou cliquez simplement dessus pour sélectionner le fichier image.

Dès que le traitement est terminé, trois zones de saisie apparaîtront. La première zone de saisie contiendra une chaîne encodée en Base64. La deuxième zone de saisie contiendra le code de balise d'image HTML que vous pouvez simplement copier et coller directement dans votre fichier HTML. La troisième boîte contiendra du code CSS avec la propriété d'image d'arrière-plan. Vous pouvez le copier et le coller directement dans le fichier CSS. Il y aura également une option de téléchargement au-dessus de chaque zone de saisie qui vous aidera à télécharger les données respectives au format de fichier texte. L'outil prend en charge presque tous les formats d'image couramment utilisés.

Pourquoi devriez-vous convertir une chaîne Base64 en image?

La taille de la chaîne Base64 utilisée dans l'URI de données est 33% supérieure à celle du fichier d'origine. Les données volumineuses peuvent avoir un impact sur les performances Web. La conversion de ces données encodées en image et leur utilisation en tant que fichier peut améliorer les performances de votre application Web. Une autre raison de la conversion de Base64 en image est d'avoir un fichier qui peut être enregistré sur votre disque dur et peut être visualisé ou modifié avec des outils de visualisation et d'édition d'images tiers..

Qu'est-ce que l'encodage Base64?

Base64 est un encodage textuel de données binaires. Le texte encodé ne contient que des chiffres, des lettres et des symboles comme +, / et =. Il est connu comme l'un des moyens les plus pratiques de stocker ou de transmettre des données binaires sur des supports spécifiquement utilisés pour les données textuelles. En outre, il peut être facilement transmis dans des éléments tels que le courrier électronique et les données de formulaire HTML. Le processus de conversion de texte en Base64 prend 4 caractères pour 3 octets de données, plus potentiellement un peu de remplissage à la fin. Le signe égal (=) est utilisé pour le remplissage. La chaîne codée peut également être transmise en tant que valeur au paramètre de requête dans une URL, car il s'agit d'une variante sécurisée pour les URL.

Pourquoi devriez-vous utiliser le codage Base64?

Lorsque nous avons des données binaires que nous voulons transmettre sur un réseau, nous ne le faisons généralement pas en diffusant simplement les bits et les octets sur le fil dans un format brut, car certains contenus multimédias sont conçus pour le texte en continu. Si nous les transmettons sous forme de bits ou d'octets, certains protocoles peuvent interpréter ces données binaires comme des caractères de contrôle (comme un modem). Ces données binaires peuvent être corrompues car le protocole sous-jacent peut supposer que ces données contiennent une combinaison de caractères spéciaux. Par exemple, FTP traduit les fins de ligne. Pour contourner ce problème, nous encodons ces données binaires en caractères. Base64 est l'un de ces types d'encodages.

La chaîne encodée en Base64 contient 64 caractères ASCII qui représentent les données encodées. Ces 64 caractères suffisent pour encoder n'importe quelle donnée de n'importe quelle longueur. Le seul inconvénient de l'encodage base64 est que la taille de la chaîne encodée sera 33% de plus par rapport à la chaîne d'origine. Tous les caractères base64 sont présents dans de nombreux jeux de caractères et cela garantit que les données transmises atteindront définitivement l'autre extrémité sans être corrompues. Les caractères Base64 peuvent être regroupés en 4 groupes:

• Alphabets majuscules (indices 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Alphabets minuscules (index 26-51): abcdefghijklmnopqrstuvwxyz
• Chiffres (indices 52-61): 0123456789
• Symboles (indices 62-63): +/

Les caractères de la chaîne encodée en base64 sont sensibles à la casse. Cela signifie que, par exemple, lorsque vous essayez de décoder des chaînes encodées en base64 telles que ab ==, Ab ==, aB == et AB ==; vous obtiendrez 4 résultats différents. Le signe égal (=) ne fait pas partie de l'index et n'est pas non plus impliqué dans le processus de codage. Il n'est utilisé que pour le remplissage et également connu sous le nom de caractère de remplissage. Il garantit que la chaîne encodée en base64 doit être multiple de 4 octets, c'est pourquoi elle est toujours ajoutée à la fin de la chaîne encodée. Veuillez consulter le tableau d'index des caractères base64 ci-dessous pour une meilleure compréhension.

Où Base64 est utilisé?

Base64 est utilisé dans divers contextes. Certains d'entre eux sont donnés ci-dessous.

• Base64 peut être utilisé pour transmettre et stocker des données texte afin d'éviter tout type de collision de délimiteur.
• Les données binaires sont intégrées dans des fichiers XML à l'aide de Base64.
• Base64 est utilisé pour encoder des fichiers binaires tels que des images, pour éviter la dépendance à des fichiers externes.
• Le schéma d'URI de données utilise également Base64 pour représenter les fichiers image. C'est pourquoi, une source d'image dans un document HTML peut être le chemin vers un fichier externe ou un URI de données.
• Base64 est couramment utilisé pour masquer les secrets sans la surcharge de la gestion des clés cryptographiques car il est simple et facile à utiliser.
• Les spammeurs utilisent également le codage Base64 pour éviter les outils anti-spam de base, car ils ne peuvent pas détecter les mots-clés dans les messages codés.
• Dans les fichiers LDIF, Base64 est utilisé pour encoder des chaînes de caractères.

Qu'est-ce que l'URL de données ou l'URI de données??

URL de données ou URI signifie localisateur de ressources uniforme de données ou identificateur de ressource uniforme. Il s'agit simplement d'un schéma qui fournit un mécanisme pour insérer des données dans un document HTML. L'URI de données contient une chaîne codée en base64 qui représente un fichier.

Le fichier peut être de différents types, mais il s'agit le plus souvent d'un fichier image. Avoir des données d'image au format de chaîne codée en base64 signifie simplement que pour afficher une image sur le Web, vous n'avez pas besoin de spécifier l'emplacement de l'image. Vous pouvez directement utiliser cette chaîne codée comme valeur d'attribut source pour afficher une image. Chaque fois que le navigateur rencontre l'URI de données, il pourra décoder le fichier et construire le fichier d'origine. Le schéma d'URI de données contient des informations sur le fichier telles que son type MIME ainsi que la chaîne codée en base64. Veuillez consulter le code ci-dessous.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Selon la taille du fichier, la longueur de la chaîne encodée en base64 peut varier. Vous pouvez utiliser l'URI de données dans un fichier CSS ainsi que dans un fichier HTML.

Avantages de l'utilisation de l'URL de données ou de l'URI de données

Le principal avantage de l'utilisation de l'URI de données au lieu du chemin de fichier est de réduire le nombre de requêtes http sortantes. Trop de requêtes http adressées au serveur demandant le même fichier encore et encore peuvent augmenter la charge sur le serveur. Si vous l'incorporez directement en HTML, il n'y aura plus de demandes sortantes puisque le fichier est déjà présent dans un document HTML au format encodé. Le navigateur a juste besoin de le décoder et de l'afficher. Comme mentionné ci-dessus, la taille de la chaîne base64 dans l'URI de données sera 33% supérieure à la taille réelle du fichier. Tout est question d'optimisation des performances et dépend strictement de votre choix de la méthode que vous préférez pour charger le fichier.

L'URI de données n'est pas mis en cache par le navigateur, de sorte que chaque fois qu'un utilisateur visite la page Web, le navigateur doit télécharger l'intégralité du code HTML et il doit décoder les données intégrées. Une utilisation excessive de l'URI de données en HTML peut nuire considérablement aux performances d'un site Web. Vous devez garder son utilisation aussi faible que possible. Vous ne verrez peut-être pas beaucoup de différence en termes de performances sur un ordinateur de bureau ou un ordinateur portable en raison de la connexion sans fil à haut débit. Mais dans le cas des appareils mobiles, qui ont une vitesse Internet lente, cela nuira considérablement. Si votre site Web prend trop de temps à se charger dans les appareils mobiles, il y aura certainement une perte de revenus et un engagement des utilisateurs faible, voire nul.

Prise en charge du navigateur URI de données

Les URI de données sont pris en charge par tous les navigateurs modernes. Les navigateurs plus anciens tels que IE5 et IE7 ne le prennent pas en charge, évitez donc de l'utiliser si vous avez besoin de la prise en charge de ces navigateurs ou si vous pouvez essayer de rechercher une autre solution en ligne. Veuillez consulter la liste des navigateurs pris en charge ci-dessous.

• Firefox version 2+
• Opera version 7.2+ (la longueur des URI de données ne doit pas dépasser 4100 caractères)
• Chrome (toutes les versions sont prises en charge)
• Safari (toutes les versions sont prises en charge)
• Internet Explorer 8+ (la taille des URI de données doit être inférieure à 32kb)