Les outils de développeur que vous utilisez chaque jour, tous au même endroit.

Convertisseurs, formateurs, hash, validateurs et les petits utilitaires que vous rouvrez sans cesse restent réunis au lieu de se perdre entre vos onglets.

GitHub

/ Outils

■

/ Chercheur d'outils

109 outils

/ Image vers Base64

Sélectionner une image

Taille de fichier maximale : 5 Mo. Formats pris en charge : PNG, JPG, GIF, SVG, WebP

/ Outil sélectionné

■

Image vers Base64 - outil de conversion gratuit

Convertir des images en URL de données Base64 pour les intégrer dans du HTML/CSS

■ 01

Qu'est-ce que l'encodage d'image en Base64 ?

L'encodage Base64 convertit les fichiers image en chaînes de texte pouvant être intégrées directement dans du HTML ou du CSS. Cela élimine les requêtes HTTP séparées pour les images mais augmente la taille du fichier d'environ 33 %.

■ 02

Comment ça marche ?

L'encodage Base64 convertit les données binaires d'image en texte ASCII en regroupant les données binaires en blocs de 6 bits et en associant chaque bloc à un caractère d'un ensemble de 64 caractères (A-Z, a-z, 0-9, +, /). Cet encodage permet aux données binaires…

■ 03

Exemples de cas

Couvre Utilisation HTML et Utilisation CSS pour comparer rapidement les entrées et sorties courantes.

/ Outils associés

/ Code

■

Code source de l'outil sélectionné, affiché ici à côté de la version en direct sur la droite.

/ Code source

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;