Générateur d’infographie Nano Banana

Author: Gerald Vernay — 30 octobre, 2025 · Updated: 7 décembre, 2025

Short summary: Le Labo propose un outil exclusif pour créer des infographies professionnelles rapidement. En quelques clics, les utilisateurs peuvent générer un prompt technique pour travailler avec l'IA de Google (Gemini), personnalisable par sujet, structure visuelle, style artistique et palette de couleurs. Idéal pour optimiser vos ateliers et ressources visuelles.

Quick overview

Site: Le Labo des CIP
Canonical URL: https://lelabodescip.fr/generateur-dinfographie-nano-banana/
LLM HTML version: https://lelabodescip.fr/generateur-dinfographie-nano-banana/llm
LLM JSON version: https://lelabodescip.fr/generateur-dinfographie-nano-banana/llm.json
Manifest: https://lelabodescip.fr/llm-endpoints-manifest.json
Estimated reading time: 2 minutes (110 seconds)
Word count: 366

Key points

🧪 Outil exclusif pour les adhérents payants du Labo 🎯 Un outil conçu pour créer l’infographie parfaite… en un clic.
En 2 secondes chrono, il rédige pour vous le prompt technique et structuré indispensable pour obtenir une infographie pro avec l’IA de Google (Gemini) : Structure visuelle claire (Timeline, Cycle…) Style artistique calibré (Corporate, 3D, Sketch…) Palette de couleurs harmonieuse Directives impératives Il vous suffit de :👉Taper votre sujet, ex: « CV Vidéo ».
(Pour l’exemple juste en dessous, j’ai simplement glissé “RIASEC”… et hop, terminé.) 👉OU sélectionner vos préférences 👉Cliquer sur le bouton : « Copier & Ouvrir Gemini » 👉Coller (CTRL + V) dans Gemini Le reste ?
C’est du design instantané.

Primary visual

Générateur d’infographie Nano Banana — Main illustration associated with the content.

Structured content

🧪 Outil exclusif pour les adhérents payants du Labo

🎯 Un outil conçu pour créer l'infographie parfaite... en un clic.

En 2 secondes chrono, il rédige pour vous le prompt technique et structuré indispensable pour obtenir une infographie pro avec l'IA de Google (Gemini) :

Structure visuelle claire (Timeline, Cycle...)
Style artistique calibré (Corporate, 3D, Sketch...)
Palette de couleurs harmonieuse
Directives impératives

Il vous suffit de :
👉Taper votre sujet, ex: "CV Vidéo". (Pour l’exemple juste en dessous, j’ai simplement glissé “RIASEC”… et hop, terminé.)

👉OU sélectionner vos préférences

👉Cliquer sur le bouton : "Copier & Ouvrir Gemini"

👉Coller (CTRL + V) dans Gemini

Le reste ? C'est du design instantané. ✨

Cet outil fait partie des bonus premium du Labo : les ressources qui vous font gagner du temps, de la clarté… et quelques points de sérénité 🧘.

Un petit coup de pouce pour trouver l'inspiration, préparer vos ateliers plus vite, mieux… et sans sacrifier votre pause café (ni votre santé mentale).

À vous de prendre la main… et vos ateliers vont envoyer du lourd ! 😉

Générateur d'infographie Nano Banana - Le Labo des CIP https://cdn.tailwindcss.com tailwind.config = { // CRUCIAL : Désactive le reset global qui casse ton site WordPress corePlugins: { preflight: false, }, prefix: 'tw-', // Ajoute un préfixe pour éviter les conflits de classes theme: { extend: { fontFamily: { sans: ['Inter', 'sans-serif'], }, colors: { labo: { DEFAULT: '#39FF14', // Accent Primaire (Vert Fluo) 600: '#1DE01C', // Accent Hover focus: 'rgba(57, 255, 20, 0.25)', // Ombre Focus }, neutral: { 900: '#111827', // Texte Principal }, gray: { 600: '#4B5563', // Texte Secondaire 300: '#D1D5DB', // Bordure Input 200: '#E5E7EB', // Bordure Carte } }, boxShadow: { 'soft': '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)', 'labo-focus': '0 0 0 4px rgba(57, 255, 20, 0.25)', 'floating': '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', }, zIndex: { 'wordpress': '100000', // Z-index très haut pour passer au-dessus des thèmes WP } } } } /* Isolation CSS : Tout le style s'applique UNIQUEMENT à l'intérieur de #nano-banana-app */ #nano-banana-app { font-family: 'Inter', sans-serif; line-height: 1.5; color: #111827; /* Reset local pour remplacer le preflight désactivé */ box-sizing: border-box; max-width: 800px; /* Largeur max idéale */ margin: 0 auto; /* Centrage automatique */ background-color: #FAFAFA; padding: 20px; border-radius: 12px; } /* Reset box-sizing uniquement pour notre app */ #nano-banana-app *, #nano-banana-app *::before, #nano-banana-app *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } /* Styles spécifiques pour rétablir les comportements de base de Tailwind localement */ #nano-banana-app img { display: block; vertical-align: middle; max-width: 100%; height: auto; } #nano-banana-app button, #nano-banana-app input, #nano-banana-app optgroup, #nano-banana-app select, #nano-banana-app textarea { font-family: inherit; font-size: 100%; line-height: inherit; color: inherit; margin: 0; padding: 0; } /* Styles personnalisés conservés */ .title-accent { display: inline-block; position: relative; } .title-accent::after { content: ''; display: block; width: 40px; height: 4px; background-color: #39FF14; border-radius: 2px; margin-top: 4px; } .custom-scrollbar::-webkit-scrollbar { width: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #9ca3af; } /* Animations */ @keyframes slideInUp { from { transform: translate(-50%, 100%); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .toast-enter { animation: slideInUp 0.3s ease-out forwards; } .toast-exit { animation: fadeOut 0.3s ease-out forwards; }

Générateur d'infographie Nano Banana

infographie avec Nano Banana

Configuration

Définissez les paramètres ou utilisez la saisie libre.

Sujet de l'infographie

Format de l'image

Portrait (4:5 - LinkedIn/Instagram) Carré (1:1 - Post classique) Paysage (16:9 - Présentation/Vidéo) Story / Reel (9:16 - Mobile plein écran)

Structure Visuelle

Faites votre choix ici Chronologie / Timeline Processus Circulaire (Cycle) Comparaison (Avant/Après ou Vs) Liste Illustrée (Top 5) Carte Mentale (Mindmap) Diagramme en Entonnoir (Funnel) Pyramide Hiérarchique Arbre de Décision Roadmap (Feuille de route) Anatomie / Vue Éclatée Tableau Périodique Iceberg (Visible/Invisible) Roue des Compétences Diagramme de Venn Parcours Utilisateur (Journey Map) Matrice 2x2 (SWOT) Histogramme / Bar Chart Carte Géographique (Map) Puzzle Assemblé Checklist Visuelle

Style Artistique

Faites votre choix ici Corporate & Minimaliste Isométrique 3D Croquis / Whiteboard Magazine Éditorial Futuriste / Tech Flat Design 2.0 (Moderne) Retro Pop Art (Vibrant) Aquarelle (Douceur) Blueprint / Dessin Tech Papier Découpé / Origami Cyberpunk / Glitch Vintage Affiche 70s Glassmorphism (Translucide) Claymorphism (Pâte à modeler) Pixel Art (8-bit) Bauhaus (Géométrique) Art Déco (Luxe) Line Art (Trait continu) Collage Mixed Media Craie sur Tableau Noir

Ambiance Couleur

Faites votre choix ici Professionnel (Bleu/Blanc/Orange) Douceur (Pastels) Dynamique (Vif & Contrasté) Luxe (Noir & Or) Nature / Écologie Tech / Dark Mode Chaleureux (Feu) Froid / Clinique Monochrome (N&B) Candy (Pop) Océan (Teal/Sable) Coucher de Soleil (Gradient) Industriel (Jaune/Noir) Scandinave (Minimaliste) Cyber (Violet/Cyan) Rétro (Moutarde/Brun) Corporate Tech (Argent) Organique (Sauge/Terre) Pop (Bleu Élec/Jaune) Haute Couture (Rouge/Noir)

Détails ou Titre Spécifique

Ajoutez des mots-clés spécifiques pour guider l'IA.

Le Prompt

Ready to copy

Le prompt sera copié dans le presse-papier et Gemini s'ouvrira dans un nouvel onglet.

Un outil conçu pour créer l'infographie parfaite... en un clic.

🎯 Ce que le Générateur fait pour vous

En 2 secondes chrono, il rédige pour vous le prompt technique et structuré indispensable pour obtenir une infographie pro avec l'IA de Google (Gemini) :

Structure visuelle claire (Timeline, Cycle...)
Style artistique calibré (Corporate, 3D, Sketch...)
Palette de couleurs harmonieuse
Directives impératives pour un texte en français

Il vous suffit de :

👉 Taper votre sujet (ex: "CV Vidéo")
👉 OU sélectionner vos préférences
👉 Cliquer sur "Copier & Ouvrir Gemini"
👉 Coller (CTRL + V) dans Gemini

Le reste ? C'est du design instantané. ✨

Un petit coup de pouce pour sublimer vos ateliers, moderniser vos supports… et gagner des heures de mise en page (tout en gardant le sourire). 🧘

Prompt copié ! 👉 Faites CTRL + V dans Gemini

// Gestion Intelligente des conflits entre menus et champs libres function onSelectChange(customInputId) { document.getElementById(customInputId).value = ''; updatePrompt(); } function onInputChange(selectId) { document.getElementById(selectId).value = ""; updatePrompt(); } function updatePrompt() { const topic = document.getElementById('topic').value || "[Votre Sujet]"; const getEffectiveValue = (selectId, customId, placeholder) => { const selectVal = document.getElementById(selectId).value; const customVal = document.getElementById(customId).value.trim(); if (customVal) return customVal; if (selectVal) return selectVal; return placeholder; }; const structure = getEffectiveValue('structure', 'customStructure', '[Choisir une Structure]'); const style = getEffectiveValue('style', 'customStyle', '[Choisir un Style]'); const colors = getEffectiveValue('colors', 'customColors', '[Choisir une Palette]'); const format = document.getElementById('format').value; const details = document.getElementById('details').value; // Prompt en Français avec directive IMPÉRATIVE let promptText = `Génère une image d'infographie. Agis en tant qu'expert en Design d'Information. Je veux une infographie professionnelle sur le sujet : "${topic}".\n\n`; promptText += `LANGUE : TOUT le texte, titres et légendes DOIT être impérativement en FRANÇAIS.Texte sans faute. Orthographe parfaite.\n\n`; promptText += `STRUCTURE VISUELLE : ${structure.toUpperCase()}.\n`; promptText += `STYLE : ${style}. Haute qualité, tendance Behance.\n`; promptText += `PALETTE DE COULEURS : ${colors}.\n\n`; if (details) { promptText += `CONTENU SPÉCIFIQUE À INCLURE :\n${details}\n\n`; } promptText += `INSTRUCTIONS TECHNIQUES :\n`; promptText += `- Format haute résolution (${format}).\n`; promptText += `- Le texte généré doit être lisible et sans fautes d'orthographe.\n`; promptText += `- Focus sur la clarté, la hiérarchie et l'impact visuel.\n`; promptText += `- Utilise des icônes distinctes pour les points clés.`; document.getElementById('finalPrompt').value = promptText; } function showToast() { const toast = document.getElementById('toast'); toast.classList.remove('tw-hidden'); toast.classList.add('toast-enter'); setTimeout(() => { toast.classList.remove('toast-enter'); toast.classList.add('toast-exit'); setTimeout(() => { toast.classList.add('tw-hidden'); toast.classList.remove('toast-exit'); }, 300); }, 5000); } function launchGemini() { const promptTextArea = document.getElementById('finalPrompt'); const promptText = promptTextArea.value; try { promptTextArea.select(); promptTextArea.setSelectionRange(0, 99999); const successful = document.execCommand('copy'); window.getSelection().removeAllRanges(); if (successful) { showToast(); setTimeout(() => { window.open('https://gemini.google.com/app', '_blank'); }, 1200); } else { navigator.clipboard.writeText(promptText) .then(() => { showToast(); setTimeout(() => { window.open('https://gemini.google.com/app', '_blank'); }, 1200); }) .catch(() => { alert("Le navigateur bloque la copie automatique. Faites CTRL+C manuellement !"); }); } } catch (err) { console.error("Erreur copie:", err); alert("Erreur de copie. Faites CTRL+C manuellement."); } } updatePrompt();

501 visites