Image en Base64

Transformez une image en data URL Base64 à coller directement dans du HTML, du CSS, du Markdown ou du JSON.

Vos fichiers ne quittent jamais votre appareil

Déposez une image ici

Choisir une image

PNG, JPEG, WebP, GIF, BMP, AVIF ou SVG. Ou glissez-la n'importe où sur cette page.

Ouvert sur cet appareil. Rien n'est envoyé.

Une image à la fois, jusqu'à 10 Mo. PNG, JPEG, WebP, GIF, BMP, AVIF et SVG.

Comment convertir une image en Base64

Choisissez une image ou glissez-la sur la page.
Choisissez la forme dont vous avez besoin : data URL, Base64 brut, CSS, balise img HTML ou Markdown.
Cliquez sur Copier, ou téléchargez le texte dans un fichier.

Intégrer des images sous forme de texte

Le HTML, le CSS, le JSON, le Markdown et le corps des e-mails sont du texte, alors que les images sont binaires. Convertir une image en Base64 fait le lien entre les deux en écrivant les octets de l'image avec 64 caractères sûrs : l'image entière peut ainsi tenir dans une règle de feuille de style, une balise img ou un fichier de configuration, sans téléchargement séparé.

Cet outil lit le fichier dans votre navigateur, vérifie son type réel d'après ses premiers octets et construit autour du texte encodé l'extrait que vous choisissez. L'image elle-même n'est pas modifiée : décoder le Base64 redonne exactement le fichier d'origine.

Conseils

Allégez d'abord l'image avec Compresser une image ou Redimensionner une image ; chaque octet gagné en fait gagner un tiers de plus en Base64.
Pour des icônes simples, un SVG est souvent plus léger que n'importe quel PNG, même en Base64.
Pour redécoder du Base64 en fichier, ou encoder n'importe quel autre fichier, utilisez Encoder et décoder en Base64.

Questions fréquentes

Qu'est-ce qu'une data URL ?

Une façon de placer les octets d'un fichier à l'intérieur d'un lien. Elle commence par data:, le type de fichier comme image/png et ;base64,, suivis du texte Base64. Les navigateurs l'affichent exactement comme si l'image avait été chargée depuis un fichier séparé.

Pourquoi le Base64 est-il plus lourd que l'image ?

Le Base64 écrit chaque groupe de 3 octets sous forme de 4 caractères de texte : le texte est donc environ 33 % plus lourd que le fichier. Les serveurs web qui compressent le texte en récupèrent une partie, mais une image intégrée reste plus lourde que la même image servie à part.

Quand faut-il intégrer une image ?

Pour les petits éléments : icônes, petits fonds et images de remplacement de quelques kilo-octets, ou quand un fichier HTML ou un e-mail autonome est nécessaire. Les grandes images sont préférables en fichiers séparés, car une data URL ne peut pas être mise en cache à part et est retéléchargée avec chaque page ou feuille de style qui la contient. L'outil vous avertit au-delà de 100 Ko.

Comment le type de fichier est-il déterminé ?

D'après les octets du fichier, et non d'après son nom : un PNG enregistré avec une extension .jpg reçoit donc bien image/png. Les fichiers SVG sont reconnus d'après leur texte et étiquetés image/svg+xml.

Mon image est-elle envoyée en ligne ?

Non. L'image est lue et encodée dans votre navigateur, sur votre appareil.