Qu'est-ce qu'une image Base64 ?

Une image Base64 est une façon de représenter des données d'image binaires sous forme de texte brut en utilisant le schéma d'encodage Base64. Au lieu de référencer un fichier externe, l'intégralité de l'image est intégrée directement sous forme de chaîne de caractères ASCII. Cette méthode est couramment utilisée en HTML et CSS via des URI de données (data:image/png;base64,...), permettant d'inclure des images en ligne sans requêtes HTTP supplémentaires. L'encodage Base64 augmente la taille des données d'environ 33 %, mais élimine le besoin d'hébergement de fichiers supplémentaire ou d'allers-retours réseau.

Description de l'outil

Cet outil génère des images aléatoires avec des motifs et des dimensions personnalisables, puis produit le résultat sous forme de chaîne encodée en Base64. Choisissez parmi cinq motifs visuels — bruit, rectangles, cercles, dégradés ou lignes — ajustez la largeur et la hauteur jusqu'à 2048×2048 pixels, et sélectionnez un format de sortie (PNG, JPEG ou WebP). L'image est entièrement générée dans le navigateur via l'API Canvas, sans téléchargement vers un serveur ni dépendances externes.

Exemples

Bruit aléatoire à 256×256 produit un motif statique coloré où chaque pixel possède une valeur RGB assignée aléatoirement — similaire aux parasites d'un téléviseur, mais en couleurs complètes.

Cercles aléatoires à 512×512 dessine 10 à 40 cercles semi-transparents de tailles et de couleurs variées sur un arrière-plan aléatoire, créant une composition abstraite rappelant des bulles.

Dégradé aléatoire à 800×400 mélange 2 à 6 couleurs aléatoires le long d'un dégradé linéaire à angle aléatoire, produisant des transitions de couleurs fluides adaptées aux arrière-plans.

Fonctionnalités

  • Cinq types de motifs distincts : bruit, rectangles, cercles, dégradé et lignes
  • Dimensions configurables de 1×1 jusqu'à 2048×2048 pixels
  • Trois formats de sortie : PNG, JPEG et WebP
  • Sortie Base64 instantanée avec copie et téléchargement en un clic
  • Fonctionne entièrement dans le navigateur — aucune donnée ne quitte votre appareil

Explication des options

  • Largeur / Hauteur : Définissez les dimensions de l'image en pixels (1–2048). Les modifications sont soumises à un délai d'attente afin que l'image se régénère en douceur lorsque vous ajustez les curseurs.
  • Motif : Sélectionnez le type de motif visuel aléatoire à générer. Chaque motif produit un style artistique unique à l'aide de formes, de couleurs et de transparences aléatoires.
  • Format d'image : Choisissez entre PNG (sans perte, plus volumineux), JPEG (avec perte, plus léger) ou WebP (moderne, efficace). Ce choix affecte à la fois l'image téléchargeable et la sortie Base64.

Cas d'utilisation

  • Intégrer des images de remplacement ou décoratives directement en HTML ou CSS sans héberger de fichiers séparés
  • Générer des images de test pour les workflows de développement et d'assurance qualité nécessitant un contenu visuel varié
  • Créer des œuvres procédurales uniques ou des arrière-plans abstraits pour des maquettes de design