Tutoriel Base64 : texte et images
Saisissez du texte dans le premier champ, puis cliquez sur Encoder. Hello devient SGVsbG8=. Collez SGVsbG8= dans le premier champ et cliquez sur Décoder pour retrouver Hello.
Sélectionnez une image avec le sélecteur de fichier. Le navigateur lit le fichier et affiche une Data URL. Copiez le résultat complet, y compris le préfixe data:image/...;base64,.
Utilisez la Data URL dans l’attribut src d’une image HTML ou dans url() en CSS. Exemple : <img src="data:image/png;base64,..." alt="Description">. Remplacez les points par les données réelles. Certains clients de messagerie limitent les Data URL.
Base64 est un encodage, pas un chiffrement. La taille augmente d’environ un tiers, hors préfixe Data URL. Les grandes images peuvent ralentir le navigateur ; utilisez des fichiers image classiques lorsque cela convient.