{"id":5879,"date":"2025-10-23T22:20:46","date_gmt":"2025-10-23T20:20:46","guid":{"rendered":"https:\/\/xpandai.one\/?post_type=mpcs-lesson&#038;p=5879"},"modified":"2025-10-23T22:20:47","modified_gmt":"2025-10-23T20:20:47","slug":"6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel","status":"publish","type":"mpcs-lesson","link":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/","title":{"rendered":"6.1 | G\u00e9n\u00e9ration d&#8217;images pour les non-designers : cr\u00e9er rapidement du contenu visuel"},"content":{"rendered":"\n<div class=\"mpcs-main-content\">\n<div class=\"xpand-module-wrapper\">\n    <div class=\"intro-note\">\n        <p>Dans ce module de conclusion du niveau Navigateur, nous vous pr\u00e9sentons un hack de productivit\u00e9 pr\u00e9cieux&nbsp;: le g\u00e9n\u00e9rateur d&#8217;images xpand. Cet outil vous permet de cr\u00e9er des images de haute qualit\u00e9 en quelques secondes \u2013 sans connaissances en design ni prestataires externes.<\/p>\n        <p>La capacit\u00e9 de g\u00e9n\u00e9rer pr\u00e9cis\u00e9ment l&#8217;image dont vous avez besoin pour votre travail ne fait pas seulement gagner du temps, mais ouvre \u00e9galement de nouvelles possibilit\u00e9s cr\u00e9atives pour vos projets.<\/p>\n    <\/div>\n    <h2>Fonctions de base du g\u00e9n\u00e9rateur d&#8217;images xpand<\/h2>\n    <p>Le g\u00e9n\u00e9rateur d&#8217;images offre diverses fonctions qui peuvent \u00eatre utilis\u00e9es de mani\u00e8re optimale pour diff\u00e9rents cas d&#8217;usage&nbsp;:<\/p>\n    <ul>\n        <li>Cr\u00e9ation d&#8217;images \u00e0 partir de texte gr\u00e2ce \u00e0 des prompts pr\u00e9cis<\/li>\n        <li>S\u00e9lection de diff\u00e9rents styles artistiques et esth\u00e9tiques visuelles<\/li>\n        <li>Contr\u00f4le du format et du rapport d&#8217;aspect des images cr\u00e9\u00e9es<\/li>\n        <li>Possibilit\u00e9 de g\u00e9n\u00e9rer plusieurs variantes simultan\u00e9ment<\/li>\n        <li>Reproductibilit\u00e9 gr\u00e2ce aux valeurs de seed pour des s\u00e9ries d&#8217;images coh\u00e9rentes<\/li>\n    <\/ul>\n    <!-- Screenshot des Interfaces -->\n    <div class=\"screenshot-container\">\n      <img decoding=\"async\" src=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/Bildschirm\u00adfoto-2025-04-17-um-21.24.30-scaled.png\" alt=\"Interface du g\u00e9n\u00e9rateur d'images xpand\" class=\"interface-screenshot\">\n        <p class=\"screenshot-caption\">Le g\u00e9n\u00e9rateur d&#8217;images xpand avec ses principaux \u00e9l\u00e9ments de contr\u00f4le : saisie du prompt (\u00e0 gauche), pr\u00e9r\u00e9glages de style (en haut \u00e0 droite) et images g\u00e9n\u00e9r\u00e9es (zone principale).<\/p>\n    <\/div>\n    <div class=\"ambassador-note\">\n        <p><strong>Remarque :<\/strong> Les techniques pr\u00e9sent\u00e9es ici fonctionnent de mani\u00e8re similaire avec d&#8217;autres g\u00e9n\u00e9rateurs d&#8217;images IA comme DALL-E, Midjourney ou Stable Diffusion. Le g\u00e9n\u00e9rateur d&#8217;images xpand est cependant optimis\u00e9 pour ce cours et directement disponible pour vous.<\/p>\n    <\/div>\n    <div class=\"routine-box\">\n        <h2>1. Formulation efficace des prompts<\/h2>\n        <p>La qualit\u00e9 de vos prompts d\u00e9termine de mani\u00e8re d\u00e9cisive la qualit\u00e9 des images g\u00e9n\u00e9r\u00e9es. Voici des techniques \u00e9prouv\u00e9es pour de meilleurs r\u00e9sultats&nbsp;:<\/p>\n        <div class=\"tips-box\">\n            <h3>Optimisation des prompts&nbsp;:<\/h3>\n            <ul>\n                <li><strong>Soyez pr\u00e9cis et d\u00e9taill\u00e9<\/strong> \u2013 D\u00e9crivez exactement ce qui doit \u00eatre visible dans l&#8217;image : objets, personnes, environnement, conditions d&#8217;\u00e9clairage, ambiance<\/li>\n                <li><strong>Ajoutez des descriptions de style<\/strong> \u2013 p. ex. \u00ab&nbsp;dans le style d&#8217;une aquarelle&nbsp;\u00bb, \u00ab&nbsp;photor\u00e9aliste&nbsp;\u00bb, \u00ab&nbsp;illustration minimaliste&nbsp;\u00bb<\/li>\n                <li><strong>Mentionnez les \u00e9l\u00e9ments importants en premier<\/strong> \u2013 L&#8217;ordre des \u00e9l\u00e9ments dans le prompt influence leur poids dans l&#8217;image<\/li>\n                <li><strong>Utilisez la fonction \u00ab&nbsp;Optimize&nbsp;\u00bb<\/strong> \u2013 Laissez le g\u00e9n\u00e9rateur d&#8217;images am\u00e9liorer automatiquement votre prompt si vous n&#8217;\u00eates pas satisfait des r\u00e9sultats<\/li>\n                <li><strong>Exp\u00e9rimentez avec l&#8217;option \u00ab&nbsp;Metaphor&nbsp;\u00bb<\/strong> \u2013 G\u00e9n\u00e9rez des alternatives cr\u00e9atives \u00e0 votre id\u00e9e initiale<\/li>\n            <\/ul>\n            <div class=\"example-box\">\n                <p><strong>Exemple d&#8217;un bon prompt&nbsp;:<\/strong><\/p>\n                <p class=\"code-example\">\u00ab&nbsp;Une salle de r\u00e9union professionnelle avec une technologie moderne, lumi\u00e8re naturelle \u00e0 travers de grandes fen\u00eatres, design minimaliste, palette de couleurs chaudes, d\u00e9tails nets, atmosph\u00e8re d&#8217;entreprise, format 16:9&nbsp;\u00bb<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"routine-box\">\n      <h2>2. Utiliser les pr\u00e9r\u00e9glages de style de mani\u00e8re cibl\u00e9e<\/h2>\n        <p>Les styles pr\u00e9d\u00e9finis dans le g\u00e9n\u00e9rateur d&#8217;images xpand vous permettent d&#8217;explorer diff\u00e9rentes esth\u00e9tiques visuelles sans avoir \u00e0 formuler des descriptions complexes&nbsp;:<\/p>\n        <div class=\"tips-box\">\n          <h3>Recommandations de pr\u00e9r\u00e9glages de style pour diff\u00e9rents cas d&#8217;usage&nbsp;:<\/h3>\n            <ul>\n                <li><strong>Pour les pr\u00e9sentations et les documents professionnels&nbsp;:<\/strong> Choisissez des styles clairs, r\u00e9alistes ou minimalistes qui ont un aspect professionnel et ne d\u00e9tournent pas l&#8217;attention de votre contenu<\/li>\n                <li><strong>Pour les projets cr\u00e9atifs et le marketing&nbsp;:<\/strong> Exp\u00e9rimentez avec des pr\u00e9r\u00e9glages artistiques, abstraits ou stylis\u00e9s qui attirent l&#8217;attention<\/li>\n                <li><strong>Pour la documentation technique&nbsp;:<\/strong> Utilisez des pr\u00e9r\u00e9glages avec des lignes claires et une bonne restitution des d\u00e9tails<\/li>\n                <li><strong>Pour des s\u00e9ries d&#8217;images coh\u00e9rentes&nbsp;:<\/strong> Gardez le m\u00eame pr\u00e9r\u00e9glage pour toutes les images d&#8217;une m\u00eame s\u00e9rie<\/li>\n            <\/ul>\n            <p>Pour encore plus de contr\u00f4le, vous pouvez choisir un pr\u00e9r\u00e9glage de style comme point de d\u00e9part et ajouter des ajustements de style suppl\u00e9mentaires dans le prompt pour affiner le r\u00e9sultat.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"routine-box\">\n        <h2>3. Utiliser les valeurs de seed pour la coh\u00e9rence<\/h2>\n        <p>La valeur de seed d\u00e9termine la composante al\u00e9atoire du processus de g\u00e9n\u00e9ration d&#8217;images. Vous pouvez utiliser cette fonction de mani\u00e8re strat\u00e9gique pour cr\u00e9er des s\u00e9ries d&#8217;images coh\u00e9rentes&nbsp;:<\/p>\n        <div class=\"tips-box\">\n            <h3>Application pratique des valeurs de seed&nbsp;:<\/h3>\n            <ul>\n                <li><strong>Reproductibilit\u00e9&nbsp;:<\/strong> Notez la valeur de seed des images qui vous plaisent \u2013 avec le m\u00eame prompt et le m\u00eame seed, vous obtiendrez \u00e0 tout moment des r\u00e9sultats identiques<\/li>\n                <li><strong>S\u00e9ries d&#8217;images au style uniforme&nbsp;:<\/strong> Utilisez le m\u00eame seed pour toutes les images d&#8217;une s\u00e9rie, ne modifiez que le contenu de l&#8217;image dans le prompt<\/li>\n                <li><strong>Test A\/B&nbsp;:<\/strong> Comparez diff\u00e9rents prompts avec un seed identique pour voir clairement l&#8217;influence des modifications du prompt<\/li>\n                <li><strong>Affinement it\u00e9ratif&nbsp;:<\/strong> Commencez avec un seed al\u00e9atoire, et si l&#8217;esth\u00e9tique de base d&#8217;une image vous pla\u00eet, conservez ce seed et n&#8217;optimisez que le prompt<\/li>\n            <\/ul>\n            <div class=\"example-box\">\n                <p><strong>Exemple de flux de travail&nbsp;:<\/strong><\/p>\n                <ol>\n                    <li>G\u00e9n\u00e9rez une image avec un seed al\u00e9atoire<\/li>\n                    <li>Si le style de base vous pla\u00eet, notez la valeur de seed (par ex. 427891)<\/li>\n                    <li>Cr\u00e9ez d&#8217;autres images avec le m\u00eame seed, en n&#8217;ajustant que le contenu<\/li>\n                    <li>R\u00e9sultat&nbsp;: une s\u00e9rie d&#8217;images avec un style visuel uniforme<\/li>\n                <\/ol>\n            <\/div>\n        <\/div>\n        <!-- Screenshot der Seed-Funktion -->\n        <div class=\"screenshot-container small\">\n          <img decoding=\"async\" src=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/Bildschirm\u00adfoto-2025-04-18-um-10.24.59.png\" alt=\"R\u00e9glage de la valeur de seed dans le g\u00e9n\u00e9rateur d'images xpand\" class=\"feature-screenshot\">\n            <p class=\"screenshot-caption\">Le param\u00e8tre de seed dans le menu de gauche permet de contr\u00f4ler la composante al\u00e9atoire de la g\u00e9n\u00e9ration d&#8217;images.<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"routine-box\">\n        <h2>4. G\u00e9n\u00e9ration de multiples variantes pour plus d&#8217;efficacit\u00e9<\/h2>\n        <p>La possibilit\u00e9 de cr\u00e9er plusieurs variantes d&#8217;images simultan\u00e9ment acc\u00e9l\u00e8re consid\u00e9rablement votre processus cr\u00e9atif&nbsp;:<\/p>\n        <div class=\"tips-box\">\n            <h3>Travail efficace avec plusieurs variantes&nbsp;:<\/h3>\n            <ul>\n                <li><strong>Acc\u00e9l\u00e9rer le brainstorming&nbsp;:<\/strong> G\u00e9n\u00e9rez 4 \u00e0 10 variantes d&#8217;un concept pour voir diff\u00e9rentes interpr\u00e9tations et trouver l&#8217;inspiration<\/li>\n                <li><strong>Gagner du temps&nbsp;:<\/strong> Au lieu d&#8217;affiner plusieurs fois un seul prompt, g\u00e9n\u00e9rez des variantes et choisissez la meilleure comme point de d\u00e9part<\/li>\n                <li><strong>Optimiser les processus de d\u00e9cision&nbsp;:<\/strong> Pr\u00e9sentez plusieurs variantes aux parties prenantes pour qu&#8217;elles choisissent, sans perte de temps suppl\u00e9mentaire<\/li>\n                <li><strong>Tester les variations de format&nbsp;:<\/strong> Conservez le m\u00eame prompt, mais testez diff\u00e9rents formats pour diff\u00e9rentes plateformes (1:1 pour les r\u00e9seaux sociaux, 16:9 pour les pr\u00e9sentations)<\/li>\n            <\/ul>\n            <p>Conseil de pro&nbsp;: En cas de blocage cr\u00e9atif, la g\u00e9n\u00e9ration de plusieurs variantes avec un prompt d\u00e9lib\u00e9r\u00e9ment vague peut ouvrir de nouvelles perspectives auxquelles vous n&#8217;auriez pas pens\u00e9 vous-m\u00eame.<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"routine-box\">\n      <h2>5. Int\u00e9grer le g\u00e9n\u00e9rateur d&#8217;images dans votre flux de travail<\/h2>\n        <p>Pour tirer le meilleur parti du g\u00e9n\u00e9rateur d&#8217;images xpand, vous devez l&#8217;int\u00e9grer de mani\u00e8re strat\u00e9gique dans vos flux de travail&nbsp;:<\/p>\n        <div class=\"setup-box\">\n            <div class=\"setup-item\">\n                <div class=\"setup-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n                <\/div>\n                <div class=\"setup-content\">\n                    <strong>Int\u00e9grer \u00e0 la phase de planification<\/strong>\n                    <p>Utilisez le g\u00e9n\u00e9rateur d&#8217;images d\u00e8s la phase de conception d&#8217;un projet pour d\u00e9velopper des id\u00e9es visuelles et acc\u00e9l\u00e9rer la collecte de feedback.<\/p>\n                <\/div>\n          <\/div>\n            <div class=\"setup-item\">\n                <div class=\"setup-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"setup-content\">\n                    <strong>Traitement par lots<\/strong>\n                    <p>R\u00e9servez du temps sp\u00e9cifiquement pour la g\u00e9n\u00e9ration d&#8217;images au lieu de cr\u00e9er des images une par une. En une session de 30 minutes, vous pouvez pr\u00e9parer du mat\u00e9riel pour plusieurs semaines.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"setup-item\">\n                <div class=\"setup-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"><\/path><\/svg>\n                <\/div>\n                <div class=\"setup-content\">\n                    <strong>Classement syst\u00e9matique<\/strong>\n                    <p>Cr\u00e9ez un syst\u00e8me structur\u00e9 pour stocker vos images g\u00e9n\u00e9r\u00e9es. Classez-les par projet, th\u00e8me et usage. Documentez les prompts et les valeurs de seed r\u00e9ussis pour les r\u00e9utiliser.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"setup-item\">\n                <div class=\"setup-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n                <\/div>\n                <div class=\"setup-content\">\n                    <strong>Cr\u00e9er une biblioth\u00e8que de prompts<\/strong>\n                    <p>Tenez un document avec des structures de prompts \u00e9prouv\u00e9es pour diff\u00e9rents types d&#8217;images. Ces mod\u00e8les acc\u00e9l\u00e8rent votre travail et garantissent des r\u00e9sultats coh\u00e9rents.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"setup-item\">\n                <div class=\"setup-icon\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>\n                <\/div>\n                <div class=\"setup-content\">\n                    <strong>D\u00e9finir des standards de qualit\u00e9<\/strong>\n                    <p>\u00c9tablissez des crit\u00e8res pour \u00e9valuer les images g\u00e9n\u00e9r\u00e9es. Cela vous aidera \u00e0 d\u00e9cider quand une image est termin\u00e9e ou si elle doit \u00eatre encore optimis\u00e9e.<\/p>\n                <\/div>\n            <\/div>\n      <\/div>\n    <\/div>\n    <!-- Screenshot von Beispielergebnissen -->\n    <div class=\"screenshot-container results\">\n        <h3>Exemples d&#8217;images avec le g\u00e9n\u00e9rateur d&#8217;images xpand<\/h3>\n        <div class=\"results-grid\">\n          <img decoding=\"async\" src=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-1.webp\" alt=\"Exemple d'image : pr\u00e9sentation professionnelle\" class=\"result-image\">\n          <img decoding=\"async\" src=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-2.webp\" alt=\"Exemple d'image : marketing cr\u00e9atif\" class=\"result-image\">\n          <img decoding=\"async\" src=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-3.webp\" alt=\"Exemple d'image : illustration technique\" class=\"result-image\">\n        <\/div>\n        <p class=\"screenshot-caption\">De gauche \u00e0 droite : une image conceptuelle pour des pr\u00e9sentations professionnelles, une image marketing cr\u00e9ative pour les r\u00e9seaux sociaux, une illustration technique pour la documentation \u2013 toutes cr\u00e9\u00e9es avec le g\u00e9n\u00e9rateur d&#8217;images xpand.<\/p>\n    <\/div>\n    <div class=\"take-away\">\n        <div class=\"take-away-header\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\n            <h2>Ce qu&#8217;il faut retenir<\/h2>\n        <\/div>\n        <ul>\n            <li>Formulez des prompts d\u00e9taill\u00e9s et sp\u00e9cifiques avec des instructions de style claires pour des r\u00e9sultats plus pr\u00e9cis<\/li>\n            <li>Utilisez les pr\u00e9r\u00e9glages de style comme base et compl\u00e9tez-les avec vos propres instructions de style dans le prompt<\/li>\n            <li>Utilisez les valeurs de seed de mani\u00e8re strat\u00e9gique pour cr\u00e9er des s\u00e9ries d&#8217;images coh\u00e9rentes et reproduire des g\u00e9n\u00e9rations r\u00e9ussies<\/li>\n            <li>G\u00e9n\u00e9rez plusieurs variantes simultan\u00e9ment pour acc\u00e9l\u00e9rer les processus de d\u00e9cision et am\u00e9liorer la qualit\u00e9<\/li>\n            <li>Int\u00e9grez syst\u00e9matiquement le g\u00e9n\u00e9rateur d&#8217;images dans votre flux de travail avec un traitement par lots et un classement structur\u00e9<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n<style>\n    :root {\n        --primary: #52898b; \/* T\u00fcrkis *\/\n        --secondary: #19404e; \/* Dunkelblau *\/\n        --light-bg: #f5f9fa; \/* Hintergrund *\/\n        --border: #e0e8e9; \/* Rahmen *\/\n        --accent: #e67e22; \/* Akzent\/Orange *\/\n        --text: #333333; \/* Text *\/\n        \/* Level-Farben *\/\n        --explorer-color: #4573d5; \/* Blau *\/\n        --navigator-color: #e6b035; \/* Gelb *\/\n        --ambassador-color: #49a75c; \/* Gr\u00fcn *\/\n        --architect-color: #d95555; \/* Rot *\/\n    }\n    .xpand-module-wrapper {\n        width: 100%;\n        max-width: 1000px;\n        margin: 0 auto;\n        padding: 20px;\n        box-sizing: border-box;\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        line-height: 1.6;\n        color: var(--text);\n        background-color: var(--light-bg);\n    }\n    .xpand-module-wrapper h2 {\n        color: var(--secondary);\n        font-size: 24px;\n        margin-top: 40px;\n        margin-bottom: 20px;\n        padding-bottom: 8px;\n        border-bottom: 1px solid var(--primary);\n    }\n    .xpand-module-wrapper h3 {\n        color: var(--secondary);\n        font-size: 20px;\n        margin-top: 25px;\n        margin-bottom: 15px;\n    }\n    .xpand-module-wrapper p {\n        margin-bottom: 20px;\n        line-height: 1.6;\n        color: var(--text);\n    }\n    .xpand-module-wrapper ul {\n        margin-bottom: 20px;\n        padding-left: 20px;\n    }\n    .xpand-module-wrapper li {\n        margin-bottom: 8px;\n    }\n    .intro-note {\n        background-color: rgba(82, 137, 139, 0.1);\n        padding: 20px;\n        border-radius: 8px;\n        margin: 20px 0 30px 0;\n    }\n    .routine-box {\n        margin-bottom: 40px;\n        padding-bottom: 20px;\n    }\n    .tips-box {\n        background-color: white;\n        padding: 20px;\n        border-radius: 8px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        margin: 15px 0;\n    }\n    .tips-box ul {\n        margin-bottom: 15px;\n    }\n    .example-box {\n        background-color: rgba(82, 137, 139, 0.05);\n        padding: 15px;\n        border-radius: 8px;\n        margin: 15px 0;\n        border-left: 4px solid var(--primary);\n    }\n    .code-example {\n        font-family: 'Courier New', Courier, monospace;\n        background-color: rgba(0, 0, 0, 0.03);\n        padding: 10px;\n        border-radius: 4px;\n    }\n    .ambassador-note {\n        background-color: rgba(25, 64, 78, 0.1);\n        padding: 15px;\n        border-radius: 8px;\n        margin: 20px 0;\n    }\n    .ambassador-link {\n        color: var(--secondary);\n        font-weight: bold;\n        text-decoration: none;\n    }\n    .ambassador-link:hover {\n        text-decoration: underline;\n    }\n    \/* Screenshot Container Styling *\/\n    .screenshot-container {\n        margin: 30px 0;\n        text-align: center;\n    }\n    .screenshot-container img {\n        max-width: 100%;\n        border-radius: 8px;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n    }\n    .screenshot-container.small img {\n        max-width: 50%;\n    }\n    .screenshot-caption {\n        font-size: 0.9em;\n        color: var(--secondary);\n        margin-top: 10px;\n        text-align: center;\n        font-style: italic;\n    }\n    .interface-screenshot {\n        border: 1px solid var(--border);\n    }\n    \/* Ergebnisse Grid *\/\n    .results-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 15px;\n        margin: 20px 0;\n    }\n    .result-image {\n        width: 100%;\n        height: auto;\n        border-radius: 8px;\n        transition: transform 0.3s ease;\n    }\n    .result-image:hover {\n        transform: scale(1.02);\n    }\n    \/* Take-away Box im Stil des Screenshots *\/\n    .take-away {\n        background-color: #4e777a;\n        color: white;\n        border-radius: 8px;\n        padding: 25px;\n        margin-top: 40px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    }\n    .take-away-header {\n        display: flex;\n        align-items: center;\n        margin-bottom: 15px;\n        padding-bottom: 15px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n    }\n    .take-away-header svg {\n        color: white;\n        margin-right: 15px;\n    }\n    .take-away-header h2 {\n        color: white;\n        margin: 0;\n        padding: 0;\n        border: none;\n        font-size: 24px;\n    }\n    .take-away ul {\n        list-style-type: none;\n        padding-left: 0;\n    }\n    .take-away li {\n        position: relative;\n        padding-left: 25px;\n        margin-bottom: 12px;\n    }\n    .take-away li:before {\n        content: \"\u2022\";\n        position: absolute;\n        left: 0;\n        color: white;\n        font-size: 20px;\n    }\n    .setup-box {\n        margin: 20px 0;\n    }\n    .setup-item {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 15px;\n    }\n    .setup-icon {\n        flex: 0 0 30px;\n        color: var(--primary);\n        margin-right: 10px;\n    }\n    .setup-content {\n        flex: 1;\n    }\n    .setup-content strong {\n        color: var(--secondary);\n        display: block;\n        margin-bottom: 5px;\n    }\n    \/* Responsive Anpassungen *\/\n    @media (max-width: 768px) {\n        .setup-item {\n            align-items: flex-start;\n        }\n        .results-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n    @media (max-width: 480px) {\n        .xpand-module-wrapper {\n            padding: 15px;\n        }\n        .setup-item {\n            flex-direction: column;\n        }\n        .setup-icon {\n            margin-bottom: 10px;\n        }\n        .results-grid {\n            grid-template-columns: 1fr;\n        }\n        .screenshot-container.small img {\n            max-width: 100%;\n        }\n    }\n<\/style>\n<\/div>\n","protected":false},"featured_media":0,"template":"","mpcs-curriculum-categories":[],"mpcs-curriculum-tags":[],"class_list":["post-5879","mpcs-lesson","type-mpcs-lesson","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6.1 | G\u00e9n\u00e9ration d&#039;images pour les non-designers : cr\u00e9er rapidement du contenu visuel | xpandAI<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6.1 | G\u00e9n\u00e9ration d&#039;images pour les non-designers : cr\u00e9er rapidement du contenu visuel | xpandAI\" \/>\n<meta property=\"og:description\" content=\"Dans ce module de conclusion du niveau Navigateur, nous vous pr\u00e9sentons un hack de productivit\u00e9 pr\u00e9cieux&nbsp;: le g\u00e9n\u00e9rateur d&#8217;images xpand. Cet outil vous permet de cr\u00e9er des images de haute qualit\u00e9 en quelques secondes \u2013 sans connaissances en design ni prestataires externes. La capacit\u00e9 de g\u00e9n\u00e9rer pr\u00e9cis\u00e9ment l&#8217;image dont vous avez besoin pour votre travail ne fait pas seulement gagner&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/\" \/>\n<meta property=\"og:site_name\" content=\"xpandAI\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-23T20:20:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/\",\"name\":\"6.1 | G\u00e9n\u00e9ration d'images pour les non-designers : cr\u00e9er rapidement du contenu visuel | xpandAI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xpandai.one\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/sample-1.webp\",\"datePublished\":\"2025-10-23T20:20:46+00:00\",\"dateModified\":\"2025-10-23T20:20:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xpandai.one\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/sample-1.webp\",\"contentUrl\":\"https:\\\/\\\/xpandai.one\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/sample-1.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/courses\\\/xpandai-academy-fr\\\/lessons\\\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xpandai.one\\\/en\\\/start\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6.1 | G\u00e9n\u00e9ration d&#8217;images pour les non-designers : cr\u00e9er rapidement du contenu visuel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xpandai.one\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/xpandai.one\\\/en\\\/\",\"name\":\"xpandAI\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xpandai.one\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6.1 | G\u00e9n\u00e9ration d'images pour les non-designers : cr\u00e9er rapidement du contenu visuel | xpandAI","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/","og_locale":"en_US","og_type":"article","og_title":"6.1 | G\u00e9n\u00e9ration d'images pour les non-designers : cr\u00e9er rapidement du contenu visuel | xpandAI","og_description":"Dans ce module de conclusion du niveau Navigateur, nous vous pr\u00e9sentons un hack de productivit\u00e9 pr\u00e9cieux&nbsp;: le g\u00e9n\u00e9rateur d&#8217;images xpand. Cet outil vous permet de cr\u00e9er des images de haute qualit\u00e9 en quelques secondes \u2013 sans connaissances en design ni prestataires externes. La capacit\u00e9 de g\u00e9n\u00e9rer pr\u00e9cis\u00e9ment l&#8217;image dont vous avez besoin pour votre travail ne fait pas seulement gagner&hellip;","og_url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/","og_site_name":"xpandAI","article_modified_time":"2025-10-23T20:20:47+00:00","og_image":[{"url":"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/","url":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/","name":"6.1 | G\u00e9n\u00e9ration d'images pour les non-designers : cr\u00e9er rapidement du contenu visuel | xpandAI","isPartOf":{"@id":"https:\/\/xpandai.one\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/#primaryimage"},"image":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/#primaryimage"},"thumbnailUrl":"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-1.webp","datePublished":"2025-10-23T20:20:46+00:00","dateModified":"2025-10-23T20:20:47+00:00","breadcrumb":{"@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/#primaryimage","url":"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-1.webp","contentUrl":"https:\/\/xpandai.one\/wp-content\/uploads\/2025\/04\/sample-1.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/xpandai.one\/en\/courses\/xpandai-academy-fr\/lessons\/6-1-generation-dimages-pour-les-non-designers-creer-rapidement-du-contenu-visuel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xpandai.one\/en\/start\/"},{"@type":"ListItem","position":2,"name":"6.1 | G\u00e9n\u00e9ration d&#8217;images pour les non-designers : cr\u00e9er rapidement du contenu visuel"}]},{"@type":"WebSite","@id":"https:\/\/xpandai.one\/en\/#website","url":"https:\/\/xpandai.one\/en\/","name":"xpandAI","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xpandai.one\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson\/5879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-lesson"}],"about":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/types\/mpcs-lesson"}],"wp:attachment":[{"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/media?parent=5879"}],"wp:term":[{"taxonomy":"mpcs-curriculum-categories","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-categories?post=5879"},{"taxonomy":"mpcs-curriculum-tags","embeddable":true,"href":"https:\/\/xpandai.one\/en\/wp-json\/wp\/v2\/mpcs-curriculum-tags?post=5879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}