AI Image Generation Prompt Builder<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n \n body {\n font-family: 'Inter', sans-serif;\n color: #333;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n min-height: 100vh;\n padding: 0;\n }\n \n .container {\n max-width: none;\n width: calc(100vw - 240px);\n margin: 30px auto;\n background: #fff;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n border: 1px solid #e1e5e9;\n box-sizing: border-box;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n margin-left: 0;\n margin-right: 0;\n }\n \n .header {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .header h1 {\n font-size: 2.5em;\n font-weight: 700;\n background: linear-gradient(135deg, #667eea, #764ba2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n \n .header p {\n color: #666;\n font-size: 1.1em;\n }\n \n .prompt-section {\n margin-bottom: 30px;\n }\n \n .prompt-label {\n font-weight: 600;\n margin-bottom: 10px;\n color: #333;\n font-size: 1.1em;\n }\n \n .prompt-textarea {\n width: 100%;\n min-height: 150px;\n padding: 20px;\n border: 2px solid #e1e5e9;\n border-radius: 12px;\n font-size: 16px;\n font-family: 'Inter', sans-serif;\n resize: vertical;\n transition: all 0.3s ease;\n background: #fafbfc;\n }\n \n .prompt-textarea:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n background: #fff;\n }\n \n .group-header {\n font-size: 1.2em;\n font-weight: 600;\n color: #333;\n margin: 30px 0 15px 0;\n padding-bottom: 8px;\n border-bottom: 2px solid #e1e5e9;\n }\n \n .group-header:first-child {\n margin-top: 0;\n }\n \n .controls-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .dropdown-group {\n display: flex;\n flex-direction: column;\n }\n \n .dropdown-label {\n font-weight: 600;\n margin-bottom: 8px;\n color: #333;\n font-size: 0.95em;\n display: flex;\n align-items: center;\n gap: 8px;\n position: relative;\n }\n \n .tooltip-icon {\n color: #667eea;\n cursor: help;\n font-size: 14px;\n position: relative;\n display: inline-block;\n }\n \n .tooltip-text {\n visibility: hidden;\n opacity: 0;\n width: 200px;\n background-color: #333;\n color: white;\n text-align: center;\n border-radius: 6px;\n padding: 8px 10px;\n position: absolute;\n z-index: 1001;\n bottom: 125%;\n left: 50%;\n margin-left: -100px;\n font-size: 12px;\n font-weight: 400;\n line-height: 1.4;\n transition: opacity 0.3s;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n }\n \n .tooltip-text::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #333 transparent transparent transparent;\n }\n \n .tooltip-icon:hover .tooltip-text {\n visibility: visible;\n opacity: 1;\n }\n \n .dropdown {\n position: relative;\n }\n \n .dropdown-btn {\n width: 100%;\n padding: 12px 16px;\n background: #fff;\n border: 2px solid #e1e5e9;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #333;\n }\n \n .dropdown-btn:hover {\n border-color: #667eea;\n background: #f8f9ff;\n }\n \n .dropdown-btn.active {\n border-color: #667eea;\n background: #f8f9ff;\n }\n \n .dropdown-arrow {\n transition: transform 0.3s ease;\n font-size: 12px;\n }\n \n .dropdown-btn.active .dropdown-arrow {\n transform: rotate(180deg);\n }\n \n .dropdown-content {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: #fff;\n border: 2px solid #e1e5e9;\n border-top: none;\n border-radius: 0 0 8px 8px;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n z-index: 1000;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n }\n \n .dropdown-content.show {\n max-height: 250px;\n overflow-y: auto;\n }\n \n .dropdown-item {\n padding: 12px 16px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 14px;\n border-bottom: 1px solid #f1f3f4;\n }\n \n .dropdown-item:last-child {\n border-bottom: none;\n }\n \n .dropdown-item:hover {\n background: #f8f9ff;\n color: #667eea;\n }\n \n .dropdown-item.selected {\n background: #667eea;\n color: #fff;\n }\n \n .actions {\n display: flex;\n gap: 15px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n \n .btn {\n padding: 12px 24px;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: #fff;\n }\n \n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n }\n \n .btn-secondary {\n background: #fff;\n color: #667eea;\n border: 2px solid #667eea;\n }\n \n .btn-secondary:hover {\n background: #667eea;\n color: #fff;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n }\n \n .toast {\n position: fixed;\n top: 20px;\n right: 20px;\n background: #4CAF50;\n color: white;\n padding: 16px 24px;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n z-index: 1002;\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n }\n \n .toast.show {\n opacity: 1;\n transform: translateX(0);\n }\n \n @media (min-width: 1200px) {\n .controls-grid {\n grid-template-columns: repeat(5, 1fr);\n }\n }\n \n @media (min-width: 900px) and (max-width: 1199px) {\n .controls-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n \n @media (max-width: 768px) {\n .container {\n width: calc(100vw - 20px);\n margin: 10px auto;\n padding: 20px;\n }\n \n .header h1 {\n font-size: 2em;\n }\n \n .controls-grid {\n grid-template-columns: 1fr;\n }\n \n .actions {\n flex-direction: column;\n align-items: center;\n }\n \n .btn {\n width: 100%;\n max-width: 200px;\n }\n \n .toast {\n right: 10px;\n left: 10px;\n transform: translateY(-100px);\n }\n \n .toast.show {\n transform: translateY(0);\n }\n \n .tooltip-text {\n width: 160px;\n margin-left: -80px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>AI Image Prompt Builder<\/h1>\n <p>Create detailed prompts for AI image generation with ease<\/p>\n <\/div>\n \n <div class=\"prompt-section\">\n <div class=\"prompt-label\">Your Prompt<\/div>\n <textarea \n id=\"promptTextarea\" \n class=\"prompt-textarea\" \n placeholder=\"Start typing your base prompt here... (e.g., 'A majestic mountain landscape at sunset')\"\n ><\/textarea>\n <\/div>\n \n \n <div class=\"group-header\">\ud83c\udfa8 Basic Style Settings<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Image Style\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the overall artistic style for your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"style\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Style<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"realistic\" data-text=\", photorealistic, detailed\">Realistic<\/div>\n <div class=\"dropdown-item\" data-value=\"cartoon\" data-text=\", cartoon style, animated\">Cartoon<\/div>\n <div class=\"dropdown-item\" data-value=\"anime\" data-text=\", anime style, manga\">Anime<\/div>\n <div class=\"dropdown-item\" data-value=\"oil_painting\" data-text=\", oil painting, artistic brush strokes\">Oil Painting<\/div>\n <div class=\"dropdown-item\" data-value=\"sketch\" data-text=\", pencil sketch, hand-drawn\">Sketch<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Aspect Ratio\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Select the width-to-height ratio of your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"aspect\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Ratio<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"square\" data-text=\", square format, 1:1 aspect ratio\">Square (1:1)<\/div>\n <div class=\"dropdown-item\" data-value=\"portrait\" data-text=\", portrait format, 4:5 aspect ratio\">Portrait (4:5)<\/div>\n <div class=\"dropdown-item\" data-value=\"landscape\" data-text=\", landscape format, 16:9 aspect ratio\">Landscape (16:9)<\/div>\n <div class=\"dropdown-item\" data-value=\"widescreen\" data-text=\", widescreen format, 21:9 aspect ratio\">Widescreen (21:9)<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Resolution\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Higher resolution means more detail and clarity<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"resolution\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Resolution<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"low\" data-text=\", 512x512, low resolution\">Low (512×512)<\/div>\n <div class=\"dropdown-item\" data-value=\"medium\" data-text=\", 1024x1024, medium resolution\">Medium (1024×1024)<\/div>\n <div class=\"dropdown-item\" data-value=\"high\" data-text=\", 2048x2048, high resolution\">High (2048×2048)<\/div>\n <div class=\"dropdown-item\" data-value=\"ultra\" data-text=\", 4K resolution, ultra high definition\">Ultra (4K)<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Color Palette\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the color scheme for your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"colors\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Colors<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"vibrant\" data-text=\", vibrant colors, saturated\">Vibrant Colors<\/div>\n <div class=\"dropdown-item\" data-value=\"pastel\" data-text=\", pastel colors, soft palette\">Pastel Colors<\/div>\n <div class=\"dropdown-item\" data-value=\"monochrome\" data-text=\", monochrome, black and white\">Monochrome<\/div>\n <div class=\"dropdown-item\" data-value=\"warm\" data-text=\", warm tones, orange and red hues\">Warm Tones<\/div>\n <div class=\"dropdown-item\" data-value=\"cool\" data-text=\", cool tones, blue and green hues\">Cool Tones<\/div>\n <div class=\"dropdown-item\" data-value=\"sepia\" data-text=\", sepia tones, vintage coloring\">Sepia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\ud83c\udfad Artist & Creative Styles<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Artist Style\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Emulate the style of famous artists<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"artist\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Artist<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"van_gogh\" data-text=\", in the style of Van Gogh, post-impressionist\">Van Gogh<\/div>\n <div class=\"dropdown-item\" data-value=\"picasso\" data-text=\", in the style of Picasso, cubist\">Picasso<\/div>\n <div class=\"dropdown-item\" data-value=\"dali\" data-text=\", in the style of Salvador Dali, surrealist\">Salvador Dali<\/div>\n <div class=\"dropdown-item\" data-value=\"hokusai\" data-text=\", in the style of Hokusai, Japanese woodblock\">Hokusai<\/div>\n <div class=\"dropdown-item\" data-value=\"monet\" data-text=\", in the style of Monet, impressionist\">Monet<\/div>\n <div class=\"dropdown-item\" data-value=\"studio_ghibli\" data-text=\", Studio Ghibli style, animated film\">Studio Ghibli<\/div>\n <div class=\"dropdown-item\" data-value=\"beeple\" data-text=\", in the style of Beeple, digital art\">Beeple<\/div>\n <div class=\"dropdown-item\" data-value=\"greg_rutkowski\" data-text=\", by Greg Rutkowski, fantasy art\">Greg Rutkowski<\/div>\n <div class=\"dropdown-item\" data-value=\"artgerm\" data-text=\", by Artgerm, digital illustration\">Artgerm<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Creative Style\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose from popular aesthetic movements<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"creative\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Creative Style<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"cyberpunk\" data-text=\", cyberpunk aesthetic, neon colors\">Cyberpunk<\/div>\n <div class=\"dropdown-item\" data-value=\"steampunk\" data-text=\", steampunk style, gears and brass\">Steampunk<\/div>\n <div class=\"dropdown-item\" data-value=\"vaporwave\" data-text=\", vaporwave style, pastel gradients\">Vaporwave<\/div>\n <div class=\"dropdown-item\" data-value=\"minimalist\" data-text=\", minimalist, clean lines\">Minimalist<\/div>\n <div class=\"dropdown-item\" data-value=\"baroque\" data-text=\", baroque, ornate decoration\">Baroque<\/div>\n <div class=\"dropdown-item\" data-value=\"art_deco\" data-text=\", art deco style, geometric patterns\">Art Deco<\/div>\n <div class=\"dropdown-item\" data-value=\"gothic\" data-text=\", gothic style, dark and ornate\">Gothic<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Artistic Medium\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the artistic medium or technique<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"medium\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Medium<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"watercolor\" data-text=\", watercolor painting\">Watercolor<\/div>\n <div class=\"dropdown-item\" data-value=\"charcoal\" data-text=\", charcoal sketch\">Charcoal<\/div>\n <div class=\"dropdown-item\" data-value=\"clay\" data-text=\", clay model sculpture\">Clay Model<\/div>\n <div class=\"dropdown-item\" data-value=\"3d\" data-text=\", 3D rendered\">3D Render<\/div>\n <div class=\"dropdown-item\" data-value=\"collage\" data-text=\", collage of mixed media\">Collage<\/div>\n <div class=\"dropdown-item\" data-value=\"digital\" data-text=\", digital art\">Digital Art<\/div>\n <div class=\"dropdown-item\" data-value=\"acrylic\" data-text=\", acrylic painting\">Acrylic<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\ud83d\udcf8 Camera & Photography<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Camera Angle\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the viewing perspective for your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"camera\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Camera Angle<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"eye_level\" data-text=\", eye-level perspective\">Eye Level<\/div>\n <div class=\"dropdown-item\" data-value=\"bird\" data-text=\", top-down view, bird's eye perspective\">Bird’s Eye View<\/div>\n <div class=\"dropdown-item\" data-value=\"worm\" data-text=\", low angle, worm's eye perspective\">Worm’s Eye View<\/div>\n <div class=\"dropdown-item\" data-value=\"isometric\" data-text=\", isometric perspective\">Isometric View<\/div>\n <div class=\"dropdown-item\" data-value=\"dutch\" data-text=\", tilted camera angle\">Dutch Angle<\/div>\n <div class=\"dropdown-item\" data-value=\"close_up\" data-text=\", close-up shot\">Close-up<\/div>\n <div class=\"dropdown-item\" data-value=\"wide_shot\" data-text=\", wide shot, establishing shot\">Wide Shot<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Lens Type\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Select the camera lens simulation for different effects<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"lens\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Lens<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"fisheye\" data-text=\", fisheye lens, wide distortion\">Fisheye<\/div>\n <div class=\"dropdown-item\" data-value=\"macro\" data-text=\", macro lens, extreme close-up\">Macro<\/div>\n <div class=\"dropdown-item\" data-value=\"telephoto\" data-text=\", telephoto lens, compressed perspective\">Telephoto<\/div>\n <div class=\"dropdown-item\" data-value=\"wide_angle\" data-text=\", wide-angle lens\">Wide Angle<\/div>\n <div class=\"dropdown-item\" data-value=\"standard\" data-text=\", standard 50mm lens\">Standard 50mm<\/div>\n <div class=\"dropdown-item\" data-value=\"portrait\" data-text=\", portrait lens, 85mm\">Portrait 85mm<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Depth of Field\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Control how much of the image is in focus<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"depth\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Depth<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"shallow\" data-text=\", shallow depth of field, blurred background\">Shallow (Blurred Background)<\/div>\n <div class=\"dropdown-item\" data-value=\"deep\" data-text=\", deep focus, everything in focus\">Deep Focus<\/div>\n <div class=\"dropdown-item\" data-value=\"selective\" data-text=\", selective focus\">Selective Focus<\/div>\n <div class=\"dropdown-item\" data-value=\"tilt_shift\" data-text=\", tilt-shift effect, miniature look\">Tilt-Shift<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Composition\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose how elements are arranged in the frame<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"composition\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Composition<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"rule_of_thirds\" data-text=\", rule of thirds composition\">Rule of Thirds<\/div>\n <div class=\"dropdown-item\" data-value=\"centered\" data-text=\", centered composition\">Centered<\/div>\n <div class=\"dropdown-item\" data-value=\"symmetrical\" data-text=\", symmetrical composition\">Symmetrical<\/div>\n <div class=\"dropdown-item\" data-value=\"asymmetrical\" data-text=\", asymmetrical composition\">Asymmetrical<\/div>\n <div class=\"dropdown-item\" data-value=\"leading_lines\" data-text=\", leading lines composition\">Leading Lines<\/div>\n <div class=\"dropdown-item\" data-value=\"golden_ratio\" data-text=\", golden ratio composition\">Golden Ratio<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\ud83d\udca1 Lighting & Atmosphere<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Lighting\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Set the mood and quality of light in your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"lighting\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Lighting<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"soft\" data-text=\", soft lighting, gentle illumination\">Soft Light<\/div>\n <div class=\"dropdown-item\" data-value=\"dramatic\" data-text=\", dramatic lighting, high contrast\">Dramatic Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"backlit\" data-text=\", backlit, rim lighting\">Backlit<\/div>\n <div class=\"dropdown-item\" data-value=\"natural\" data-text=\", natural daylight, outdoor lighting\">Natural Daylight<\/div>\n <div class=\"dropdown-item\" data-value=\"studio\" data-text=\", studio lighting, professional setup\">Studio Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"neon\" data-text=\", neon lighting, colorful glow\">Neon Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"candlelight\" data-text=\", candlelight, warm flickering\">Candlelight<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Atmosphere\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Add environmental mood and ambiance<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"atmosphere\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Atmosphere<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"misty\" data-text=\", misty atmosphere, foggy\">Misty<\/div>\n <div class=\"dropdown-item\" data-value=\"rainy\" data-text=\", rainy weather, wet surfaces\">Rainy<\/div>\n <div class=\"dropdown-item\" data-value=\"sunny\" data-text=\", sunny day, bright and clear\">Sunny<\/div>\n <div class=\"dropdown-item\" data-value=\"stormy\" data-text=\", stormy clouds, dramatic weather\">Stormy<\/div>\n <div class=\"dropdown-item\" data-value=\"snowy\" data-text=\", snowy landscape, winter scene\">Snowy<\/div>\n <div class=\"dropdown-item\" data-value=\"ethereal\" data-text=\", ethereal atmosphere, dreamy\">Ethereal<\/div>\n <div class=\"dropdown-item\" data-value=\"cozy\" data-text=\", cozy atmosphere, warm and inviting\">Cozy<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Time of Day\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Set the time and lighting conditions<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"time\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Time<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"golden_hour\" data-text=\", golden hour, warm sunset light\">Golden Hour<\/div>\n <div class=\"dropdown-item\" data-value=\"blue_hour\" data-text=\", blue hour, twilight\">Blue Hour<\/div>\n <div class=\"dropdown-item\" data-value=\"midday\" data-text=\", midday sun, bright daylight\">Midday<\/div>\n <div class=\"dropdown-item\" data-value=\"midnight\" data-text=\", midnight, dark night\">Midnight<\/div>\n <div class=\"dropdown-item\" data-value=\"dawn\" data-text=\", dawn, early morning light\">Dawn<\/div>\n <div class=\"dropdown-item\" data-value=\"dusk\" data-text=\", dusk, evening light\">Dusk<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\u26a1 Quality & Enhancement<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Quality Level\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Enhance overall image quality and detail<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"quality\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Quality<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"masterpiece\" data-text=\", masterpiece, best quality, ultra-detailed\">Masterpiece<\/div>\n <div class=\"dropdown-item\" data-value=\"high_quality\" data-text=\", high quality, detailed\">High Quality<\/div>\n <div class=\"dropdown-item\" data-value=\"professional\" data-text=\", professional photography, award-winning\">Professional<\/div>\n <div class=\"dropdown-item\" data-value=\"trending\" data-text=\", trending on artstation, highly detailed\">Trending<\/div>\n <div class=\"dropdown-item\" data-value=\"sharp\" data-text=\", sharp focus, crystal clear\">Sharp Focus<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Enhancement\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Add special effects and enhancements<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"enhancement\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Enhancement<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"hdr\" data-text=\", HDR, high dynamic range\">HDR<\/div>\n <div class=\"dropdown-item\" data-value=\"volumetric\" data-text=\", volumetric lighting, god rays\">Volumetric Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"ray_tracing\" data-text=\", ray tracing, realistic reflections\">Ray Tracing<\/div>\n <div class=\"dropdown-item\" data-value=\"bloom\" data-text=\", bloom effect, glowing highlights\">Bloom Effect<\/div>\n <div class=\"dropdown-item\" data-value=\"chromatic\" data-text=\", chromatic aberration, lens distortion\">Chromatic Aberration<\/div>\n <div class=\"dropdown-item\" data-value=\"film_grain\" data-text=\", film grain, analog texture\">Film Grain<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"actions\">\n <button class=\"btn btn-primary\" onclick=\"generatePrompt()\">Generate Prompt<\/button>\n <button class=\"btn btn-secondary\" onclick=\"copyPrompt()\">Copy to Clipboard<\/button>\n <button class=\"btn btn-secondary\" onclick=\"clearAll()\">Clear All<\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"toast\" class=\"toast\">\n <span>\u2713<\/span>\n <span id=\"toast-message\">Copied to clipboard!<\/span>\n <\/div>\n\n <script>\n \/\/ Store selected options\n let selectedOptions = {};\n\n \/\/ Initialize dropdown functionality\n document.addEventListener('DOMContentLoaded', function() {\n initializeDropdowns();\n });\n\n function initializeDropdowns() {\n const dropdowns = document.querySelectorAll('.dropdown');\n \n dropdowns.forEach(dropdown => {\n const btn = dropdown.querySelector('.dropdown-btn');\n const content = dropdown.querySelector('.dropdown-content');\n const items = dropdown.querySelectorAll('.dropdown-item');\n const category = dropdown.getAttribute('data-category');\n\n \/\/ Toggle dropdown on button click\n btn.addEventListener('click', function(e) {\n e.stopPropagation();\n \n \/\/ Close all other dropdowns\n document.querySelectorAll('.dropdown-content').forEach(otherContent => {\n if (otherContent !== content) {\n otherContent.classList.remove('show');\n otherContent.parentElement.querySelector('.dropdown-btn').classList.remove('active');\n }\n });\n\n \/\/ Toggle current dropdown\n content.classList.toggle('show');\n btn.classList.toggle('active');\n });\n\n \/\/ Handle item selection\n items.forEach(item => {\n item.addEventListener('click', function() {\n const value = this.getAttribute('data-value');\n const text = this.getAttribute('data-text');\n const displayText = this.textContent;\n\n \/\/ Update selected option\n selectedOptions[category] = {\n value: value,\n text: text,\n display: displayText\n };\n\n \/\/ Update button text\n btn.querySelector('.dropdown-text').textContent = displayText;\n\n \/\/ Update visual selection\n items.forEach(i => i.classList.remove('selected'));\n this.classList.add('selected');\n\n \/\/ Close dropdown\n content.classList.remove('show');\n btn.classList.remove('active');\n\n \/\/ Update prompt\n updatePrompt();\n });\n });\n });\n\n \/\/ Close dropdowns when clicking outside\n document.addEventListener('click', function() {\n document.querySelectorAll('.dropdown-content').forEach(content => {\n content.classList.remove('show');\n content.parentElement.querySelector('.dropdown-btn').classList.remove('active');\n });\n });\n }\n\n function updatePrompt() {\n const basePrompt = document.getElementById('promptTextarea').value.trim();\n \n \/\/ Find the end of the base prompt (before any generated additions)\n let baseText = basePrompt;\n const commaIndex = basePrompt.indexOf(',');\n if (commaIndex !== -1) {\n \/\/ Check if there are any selected options that might be in the prompt\n for (let category in selectedOptions) {\n if (selectedOptions[category] && basePrompt.includes(selectedOptions[category].text)) {\n baseText = basePrompt.split(',')[0].trim();\n break;\n }\n }\n }\n \n let fullPrompt = baseText;\n\n \/\/ Add selected options to prompt (only once each)\n Object.values(selectedOptions).forEach(option => {\n if (option && option.text) {\n fullPrompt += option.text;\n }\n });\n\n \/\/ Update textarea\n document.getElementById('promptTextarea').value = fullPrompt;\n }\n\n function generatePrompt() {\n const basePrompt = document.getElementById('promptTextarea').value.trim();\n \n if (!basePrompt) {\n showToast('Please enter a base prompt first!', 'error');\n return;\n }\n\n \/\/ Generate random selections\n generateRandomSelections();\n\n \/\/ Find the base prompt (before any commas)\n let baseText = basePrompt.split(',')[0].trim();\n let fullPrompt = baseText;\n\n \/\/ Add all selected options\n Object.values(selectedOptions).forEach(option => {\n if (option && option.text) {\n fullPrompt += option.text;\n }\n });\n\n \/\/ Update textarea with final prompt\n document.getElementById('promptTextarea').value = fullPrompt;\n showToast('Random prompt generated successfully!');\n }\n\n function generateRandomSelections() {\n const dropdowns = document.querySelectorAll('.dropdown');\n \n dropdowns.forEach(dropdown => {\n const items = dropdown.querySelectorAll('.dropdown-item');\n const category = dropdown.getAttribute('data-category');\n \n \/\/ Randomly select an item (or skip with 30% chance)\n if (Math.random() > 0.3 && items.length > 0) {\n const randomIndex = Math.floor(Math.random() * items.length);\n const randomItem = items[randomIndex];\n \n const value = randomItem.getAttribute('data-value');\n const text = randomItem.getAttribute('data-text');\n const displayText = randomItem.textContent;\n\n \/\/ Update selected option\n selectedOptions[category] = {\n value: value,\n text: text,\n display: displayText\n };\n\n \/\/ Update button text\n const btn = dropdown.querySelector('.dropdown-btn');\n btn.querySelector('.dropdown-text').textContent = displayText;\n\n \/\/ Update visual selection\n items.forEach(i => i.classList.remove('selected'));\n randomItem.classList.add('selected');\n }\n });\n }\n\n function copyPrompt() {\n const promptText = document.getElementById('promptTextarea').value;\n \n if (!promptText.trim()) {\n showToast('No prompt to copy!', 'error');\n return;\n }\n\n navigator.clipboard.writeText(promptText).then(() => {\n showToast('Copied to clipboard!');\n }).catch(() => {\n showToast('Failed to copy!', 'error');\n });\n }\n\n function clearAll() {\n \/\/ Clear textarea\n document.getElementById('promptTextarea').value = '';\n \n \/\/ Clear selected options\n selectedOptions = {};\n \n \/\/ Reset all dropdowns\n document.querySelectorAll('.dropdown').forEach(dropdown => {\n const btn = dropdown.querySelector('.dropdown-btn');\n const textSpan = btn.querySelector('.dropdown-text');\n const items = dropdown.querySelectorAll('.dropdown-item');\n \n \/\/ Reset button text to placeholder\n const category = dropdown.getAttribute('data-category');\n const placeholders = {\n 'style': 'Choose Style',\n 'aspect': 'Choose Ratio',\n 'resolution': 'Choose Resolution',\n 'colors': 'Choose Colors',\n 'artist': 'Choose Artist',\n 'creative': 'Choose Creative Style',\n 'medium': 'Choose Medium',\n 'camera': 'Choose Camera Angle',\n 'lens': 'Choose Lens',\n 'depth': 'Choose Depth',\n 'composition': 'Choose Composition',\n 'lighting': 'Choose Lighting',\n 'atmosphere': 'Choose Atmosphere',\n 'time': 'Choose Time',\n 'quality': 'Choose Quality',\n 'enhancement': 'Choose Enhancement'\n };\n \n textSpan.textContent = placeholders[category] || 'Choose Option';\n \n \/\/ Remove selected class from items\n items.forEach(item => item.classList.remove('selected'));\n });\n \n showToast('All options cleared!');\n }\n\n function showToast(message, type = 'success') {\n const toast = document.getElementById('toast');\n const toastMessage = document.getElementById('toast-message');\n \n toastMessage.textContent = message;\n \n if (type === 'error') {\n toast.style.backgroundColor = '#f44336';\n } else {\n toast.style.backgroundColor = '#4CAF50';\n }\n \n toast.classList.add('show');\n \n setTimeout(() => {\n toast.classList.remove('show');\n }, 3000);\n }\n\n \/\/ Update prompt when user types in textarea\n document.getElementById('promptTextarea').addEventListener('input', function() {\n \/\/ This allows manual editing while preserving the base prompt concept\n });\n <\/script>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>AI Image Generation Prompt Builder AI Image Prompt Builder Create detailed prompts for AI image generation with ease Your Prompt \ud83c\udfa8 Basic Style Settings Image Style \u2753 Choose the overall artistic style for your image Choose Style \u25bc Realistic Cartoon Anime Oil Painting Sketch Aspect Ratio \u2753 Select the width-to-height ratio of your image Choose…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-conseils-seo"],"yoast_head":"\n<title>Param\u00e8tres Image IA |<\/title>\n<meta name=\"description\" content=\"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serphist.com\/en\/parametres-image-ia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Param\u00e8tres Image IA |\" \/>\n<meta property=\"og:description\" content=\"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serphist.com\/en\/parametres-image-ia\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61570083232068\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-03T07:49:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T09:14:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serphist.com\/wp-content\/uploads\/2025\/05\/LOGO-SEOV5-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"glavanmaxim06@gmail.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"glavanmaxim06@gmail.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\"},\"author\":{\"name\":\"glavanmaxim06@gmail.com\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/person\\\/76d6f4ed579d70d44c2c0eda18c50ce6\"},\"headline\":\"Param\u00e8tres Image IA\",\"datePublished\":\"2025-07-03T07:49:04+00:00\",\"dateModified\":\"2025-07-03T09:14:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\"},\"wordCount\":367,\"publisher\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#organization\"},\"articleSection\":[\"Conseils\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\",\"url\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\",\"name\":\"Param\u00e8tres Image IA |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#website\"},\"datePublished\":\"2025-07-03T07:49:04+00:00\",\"dateModified\":\"2025-07-03T09:14:44+00:00\",\"description\":\"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/serphist.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Param\u00e8tres Image IA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#website\",\"url\":\"https:\\\/\\\/serphist.com\\\/\",\"name\":\"Serphist\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/serphist.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#organization\",\"name\":\"Serphist\",\"url\":\"https:\\\/\\\/serphist.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/serphist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Serphist-Logo-Text-Concept.png\",\"contentUrl\":\"https:\\\/\\\/serphist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Serphist-Logo-Text-Concept.png\",\"width\":1200,\"height\":500,\"caption\":\"Serphist\"},\"image\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61570083232068\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/serphist\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/person\\\/76d6f4ed579d70d44c2c0eda18c50ce6\",\"name\":\"glavanmaxim06@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g\",\"caption\":\"glavanmaxim06@gmail.com\"},\"sameAs\":[\"http:\\\/\\\/serphist.com\"],\"url\":\"https:\\\/\\\/serphist.com\\\/en\\\/author\\\/glavanmaxim06gmail-com\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Param\u00e8tres Image IA |","description":"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.","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:\/\/serphist.com\/en\/parametres-image-ia\/","og_locale":"en_US","og_type":"article","og_title":"Param\u00e8tres Image IA |","og_description":"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.","og_url":"https:\/\/serphist.com\/en\/parametres-image-ia\/","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61570083232068","article_published_time":"2025-07-03T07:49:04+00:00","article_modified_time":"2025-07-03T09:14:44+00:00","og_image":[{"width":1500,"height":1500,"url":"https:\/\/serphist.com\/wp-content\/uploads\/2025\/05\/LOGO-SEOV5-2.jpg","type":"image\/jpeg"}],"author":"glavanmaxim06@gmail.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"glavanmaxim06@gmail.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/serphist.com\/parametres-image-ia\/#article","isPartOf":{"@id":"https:\/\/serphist.com\/parametres-image-ia\/"},"author":{"name":"glavanmaxim06@gmail.com","@id":"https:\/\/serphist.com\/#\/schema\/person\/76d6f4ed579d70d44c2c0eda18c50ce6"},"headline":"Param\u00e8tres Image IA","datePublished":"2025-07-03T07:49:04+00:00","dateModified":"2025-07-03T09:14:44+00:00","mainEntityOfPage":{"@id":"https:\/\/serphist.com\/parametres-image-ia\/"},"wordCount":367,"publisher":{"@id":"https:\/\/serphist.com\/#organization"},"articleSection":["Conseils"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/serphist.com\/parametres-image-ia\/","url":"https:\/\/serphist.com\/parametres-image-ia\/","name":"Param\u00e8tres Image IA |","isPartOf":{"@id":"https:\/\/serphist.com\/#website"},"datePublished":"2025-07-03T07:49:04+00:00","dateModified":"2025-07-03T09:14:44+00:00","description":"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.","breadcrumb":{"@id":"https:\/\/serphist.com\/parametres-image-ia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serphist.com\/parametres-image-ia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/serphist.com\/parametres-image-ia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/serphist.com\/"},{"@type":"ListItem","position":2,"name":"Param\u00e8tres Image IA"}]},{"@type":"WebSite","@id":"https:\/\/serphist.com\/#website","url":"https:\/\/serphist.com\/","name":"Serphist","description":"","publisher":{"@id":"https:\/\/serphist.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serphist.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/serphist.com\/#organization","name":"Serphist","url":"https:\/\/serphist.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serphist.com\/#\/schema\/logo\/image\/","url":"https:\/\/serphist.com\/wp-content\/uploads\/2026\/03\/Serphist-Logo-Text-Concept.png","contentUrl":"https:\/\/serphist.com\/wp-content\/uploads\/2026\/03\/Serphist-Logo-Text-Concept.png","width":1200,"height":500,"caption":"Serphist"},"image":{"@id":"https:\/\/serphist.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61570083232068","https:\/\/www.linkedin.com\/company\/serphist"]},{"@type":"Person","@id":"https:\/\/serphist.com\/#\/schema\/person\/76d6f4ed579d70d44c2c0eda18c50ce6","name":"glavanmaxim06@gmail.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g","caption":"glavanmaxim06@gmail.com"},"sameAs":["http:\/\/serphist.com"],"url":"https:\/\/serphist.com\/en\/author\/glavanmaxim06gmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":32,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts\/206\/revisions\/240"}],"wp:attachment":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":206,"date":"2025-07-03T07:49:04","date_gmt":"2025-07-03T07:49:04","guid":{"rendered":"https:\/\/serphist.com\/?p=206"},"modified":"2025-07-03T09:14:44","modified_gmt":"2025-07-03T09:14:44","slug":"parametres-image-ia","status":"publish","type":"post","link":"https:\/\/serphist.com\/en\/parametres-image-ia\/","title":{"rendered":"Param\u00e8tres Image IA"},"content":{"rendered":"\n\n\n \n \n AI Image Generation Prompt Builder<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html, body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n \n body {\n font-family: 'Inter', sans-serif;\n color: #333;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n min-height: 100vh;\n padding: 0;\n }\n \n .container {\n max-width: none;\n width: calc(100vw - 240px);\n margin: 30px auto;\n background: #fff;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n border: 1px solid #e1e5e9;\n box-sizing: border-box;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n margin-left: 0;\n margin-right: 0;\n }\n \n .header {\n text-align: center;\n margin-bottom: 30px;\n }\n \n .header h1 {\n font-size: 2.5em;\n font-weight: 700;\n background: linear-gradient(135deg, #667eea, #764ba2);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 10px;\n }\n \n .header p {\n color: #666;\n font-size: 1.1em;\n }\n \n .prompt-section {\n margin-bottom: 30px;\n }\n \n .prompt-label {\n font-weight: 600;\n margin-bottom: 10px;\n color: #333;\n font-size: 1.1em;\n }\n \n .prompt-textarea {\n width: 100%;\n min-height: 150px;\n padding: 20px;\n border: 2px solid #e1e5e9;\n border-radius: 12px;\n font-size: 16px;\n font-family: 'Inter', sans-serif;\n resize: vertical;\n transition: all 0.3s ease;\n background: #fafbfc;\n }\n \n .prompt-textarea:focus {\n outline: none;\n border-color: #667eea;\n box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n background: #fff;\n }\n \n .group-header {\n font-size: 1.2em;\n font-weight: 600;\n color: #333;\n margin: 30px 0 15px 0;\n padding-bottom: 8px;\n border-bottom: 2px solid #e1e5e9;\n }\n \n .group-header:first-child {\n margin-top: 0;\n }\n \n .controls-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n \n .dropdown-group {\n display: flex;\n flex-direction: column;\n }\n \n .dropdown-label {\n font-weight: 600;\n margin-bottom: 8px;\n color: #333;\n font-size: 0.95em;\n display: flex;\n align-items: center;\n gap: 8px;\n position: relative;\n }\n \n .tooltip-icon {\n color: #667eea;\n cursor: help;\n font-size: 14px;\n position: relative;\n display: inline-block;\n }\n \n .tooltip-text {\n visibility: hidden;\n opacity: 0;\n width: 200px;\n background-color: #333;\n color: white;\n text-align: center;\n border-radius: 6px;\n padding: 8px 10px;\n position: absolute;\n z-index: 1001;\n bottom: 125%;\n left: 50%;\n margin-left: -100px;\n font-size: 12px;\n font-weight: 400;\n line-height: 1.4;\n transition: opacity 0.3s;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n }\n \n .tooltip-text::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #333 transparent transparent transparent;\n }\n \n .tooltip-icon:hover .tooltip-text {\n visibility: visible;\n opacity: 1;\n }\n \n .dropdown {\n position: relative;\n }\n \n .dropdown-btn {\n width: 100%;\n padding: 12px 16px;\n background: #fff;\n border: 2px solid #e1e5e9;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: #333;\n }\n \n .dropdown-btn:hover {\n border-color: #667eea;\n background: #f8f9ff;\n }\n \n .dropdown-btn.active {\n border-color: #667eea;\n background: #f8f9ff;\n }\n \n .dropdown-arrow {\n transition: transform 0.3s ease;\n font-size: 12px;\n }\n \n .dropdown-btn.active .dropdown-arrow {\n transform: rotate(180deg);\n }\n \n .dropdown-content {\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: #fff;\n border: 2px solid #e1e5e9;\n border-top: none;\n border-radius: 0 0 8px 8px;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n z-index: 1000;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n }\n \n .dropdown-content.show {\n max-height: 250px;\n overflow-y: auto;\n }\n \n .dropdown-item {\n padding: 12px 16px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 14px;\n border-bottom: 1px solid #f1f3f4;\n }\n \n .dropdown-item:last-child {\n border-bottom: none;\n }\n \n .dropdown-item:hover {\n background: #f8f9ff;\n color: #667eea;\n }\n \n .dropdown-item.selected {\n background: #667eea;\n color: #fff;\n }\n \n .actions {\n display: flex;\n gap: 15px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n \n .btn {\n padding: 12px 24px;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n \n .btn-primary {\n background: linear-gradient(135deg, #667eea, #764ba2);\n color: #fff;\n }\n \n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n }\n \n .btn-secondary {\n background: #fff;\n color: #667eea;\n border: 2px solid #667eea;\n }\n \n .btn-secondary:hover {\n background: #667eea;\n color: #fff;\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);\n }\n \n .toast {\n position: fixed;\n top: 20px;\n right: 20px;\n background: #4CAF50;\n color: white;\n padding: 16px 24px;\n border-radius: 8px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n z-index: 1002;\n opacity: 0;\n transform: translateX(100px);\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n }\n \n .toast.show {\n opacity: 1;\n transform: translateX(0);\n }\n \n @media (min-width: 1200px) {\n .controls-grid {\n grid-template-columns: repeat(5, 1fr);\n }\n }\n \n @media (min-width: 900px) and (max-width: 1199px) {\n .controls-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n \n @media (max-width: 768px) {\n .container {\n width: calc(100vw - 20px);\n margin: 10px auto;\n padding: 20px;\n }\n \n .header h1 {\n font-size: 2em;\n }\n \n .controls-grid {\n grid-template-columns: 1fr;\n }\n \n .actions {\n flex-direction: column;\n align-items: center;\n }\n \n .btn {\n width: 100%;\n max-width: 200px;\n }\n \n .toast {\n right: 10px;\n left: 10px;\n transform: translateY(-100px);\n }\n \n .toast.show {\n transform: translateY(0);\n }\n \n .tooltip-text {\n width: 160px;\n margin-left: -80px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>AI Image Prompt Builder<\/h1>\n <p>Create detailed prompts for AI image generation with ease<\/p>\n <\/div>\n \n <div class=\"prompt-section\">\n <div class=\"prompt-label\">Your Prompt<\/div>\n <textarea \n id=\"promptTextarea\" \n class=\"prompt-textarea\" \n placeholder=\"Start typing your base prompt here... (e.g., 'A majestic mountain landscape at sunset')\"\n ><\/textarea>\n <\/div>\n \n \n <div class=\"group-header\">\ud83c\udfa8 Basic Style Settings<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Image Style\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the overall artistic style for your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"style\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Style<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"realistic\" data-text=\", photorealistic, detailed\">Realistic<\/div>\n <div class=\"dropdown-item\" data-value=\"cartoon\" data-text=\", cartoon style, animated\">Cartoon<\/div>\n <div class=\"dropdown-item\" data-value=\"anime\" data-text=\", anime style, manga\">Anime<\/div>\n <div class=\"dropdown-item\" data-value=\"oil_painting\" data-text=\", oil painting, artistic brush strokes\">Oil Painting<\/div>\n <div class=\"dropdown-item\" data-value=\"sketch\" data-text=\", pencil sketch, hand-drawn\">Sketch<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Aspect Ratio\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Select the width-to-height ratio of your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"aspect\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Ratio<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"square\" data-text=\", square format, 1:1 aspect ratio\">Square (1:1)<\/div>\n <div class=\"dropdown-item\" data-value=\"portrait\" data-text=\", portrait format, 4:5 aspect ratio\">Portrait (4:5)<\/div>\n <div class=\"dropdown-item\" data-value=\"landscape\" data-text=\", landscape format, 16:9 aspect ratio\">Landscape (16:9)<\/div>\n <div class=\"dropdown-item\" data-value=\"widescreen\" data-text=\", widescreen format, 21:9 aspect ratio\">Widescreen (21:9)<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Resolution\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Higher resolution means more detail and clarity<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"resolution\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Resolution<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"low\" data-text=\", 512x512, low resolution\">Low (512×512)<\/div>\n <div class=\"dropdown-item\" data-value=\"medium\" data-text=\", 1024x1024, medium resolution\">Medium (1024×1024)<\/div>\n <div class=\"dropdown-item\" data-value=\"high\" data-text=\", 2048x2048, high resolution\">High (2048×2048)<\/div>\n <div class=\"dropdown-item\" data-value=\"ultra\" data-text=\", 4K resolution, ultra high definition\">Ultra (4K)<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Color Palette\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the color scheme for your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"colors\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Colors<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"vibrant\" data-text=\", vibrant colors, saturated\">Vibrant Colors<\/div>\n <div class=\"dropdown-item\" data-value=\"pastel\" data-text=\", pastel colors, soft palette\">Pastel Colors<\/div>\n <div class=\"dropdown-item\" data-value=\"monochrome\" data-text=\", monochrome, black and white\">Monochrome<\/div>\n <div class=\"dropdown-item\" data-value=\"warm\" data-text=\", warm tones, orange and red hues\">Warm Tones<\/div>\n <div class=\"dropdown-item\" data-value=\"cool\" data-text=\", cool tones, blue and green hues\">Cool Tones<\/div>\n <div class=\"dropdown-item\" data-value=\"sepia\" data-text=\", sepia tones, vintage coloring\">Sepia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\ud83c\udfad Artist & Creative Styles<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Artist Style\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Emulate the style of famous artists<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"artist\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Artist<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"van_gogh\" data-text=\", in the style of Van Gogh, post-impressionist\">Van Gogh<\/div>\n <div class=\"dropdown-item\" data-value=\"picasso\" data-text=\", in the style of Picasso, cubist\">Picasso<\/div>\n <div class=\"dropdown-item\" data-value=\"dali\" data-text=\", in the style of Salvador Dali, surrealist\">Salvador Dali<\/div>\n <div class=\"dropdown-item\" data-value=\"hokusai\" data-text=\", in the style of Hokusai, Japanese woodblock\">Hokusai<\/div>\n <div class=\"dropdown-item\" data-value=\"monet\" data-text=\", in the style of Monet, impressionist\">Monet<\/div>\n <div class=\"dropdown-item\" data-value=\"studio_ghibli\" data-text=\", Studio Ghibli style, animated film\">Studio Ghibli<\/div>\n <div class=\"dropdown-item\" data-value=\"beeple\" data-text=\", in the style of Beeple, digital art\">Beeple<\/div>\n <div class=\"dropdown-item\" data-value=\"greg_rutkowski\" data-text=\", by Greg Rutkowski, fantasy art\">Greg Rutkowski<\/div>\n <div class=\"dropdown-item\" data-value=\"artgerm\" data-text=\", by Artgerm, digital illustration\">Artgerm<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Creative Style\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose from popular aesthetic movements<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"creative\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Creative Style<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"cyberpunk\" data-text=\", cyberpunk aesthetic, neon colors\">Cyberpunk<\/div>\n <div class=\"dropdown-item\" data-value=\"steampunk\" data-text=\", steampunk style, gears and brass\">Steampunk<\/div>\n <div class=\"dropdown-item\" data-value=\"vaporwave\" data-text=\", vaporwave style, pastel gradients\">Vaporwave<\/div>\n <div class=\"dropdown-item\" data-value=\"minimalist\" data-text=\", minimalist, clean lines\">Minimalist<\/div>\n <div class=\"dropdown-item\" data-value=\"baroque\" data-text=\", baroque, ornate decoration\">Baroque<\/div>\n <div class=\"dropdown-item\" data-value=\"art_deco\" data-text=\", art deco style, geometric patterns\">Art Deco<\/div>\n <div class=\"dropdown-item\" data-value=\"gothic\" data-text=\", gothic style, dark and ornate\">Gothic<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Artistic Medium\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the artistic medium or technique<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"medium\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Medium<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"watercolor\" data-text=\", watercolor painting\">Watercolor<\/div>\n <div class=\"dropdown-item\" data-value=\"charcoal\" data-text=\", charcoal sketch\">Charcoal<\/div>\n <div class=\"dropdown-item\" data-value=\"clay\" data-text=\", clay model sculpture\">Clay Model<\/div>\n <div class=\"dropdown-item\" data-value=\"3d\" data-text=\", 3D rendered\">3D Render<\/div>\n <div class=\"dropdown-item\" data-value=\"collage\" data-text=\", collage of mixed media\">Collage<\/div>\n <div class=\"dropdown-item\" data-value=\"digital\" data-text=\", digital art\">Digital Art<\/div>\n <div class=\"dropdown-item\" data-value=\"acrylic\" data-text=\", acrylic painting\">Acrylic<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\ud83d\udcf8 Camera & Photography<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Camera Angle\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose the viewing perspective for your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"camera\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Camera Angle<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"eye_level\" data-text=\", eye-level perspective\">Eye Level<\/div>\n <div class=\"dropdown-item\" data-value=\"bird\" data-text=\", top-down view, bird's eye perspective\">Bird’s Eye View<\/div>\n <div class=\"dropdown-item\" data-value=\"worm\" data-text=\", low angle, worm's eye perspective\">Worm’s Eye View<\/div>\n <div class=\"dropdown-item\" data-value=\"isometric\" data-text=\", isometric perspective\">Isometric View<\/div>\n <div class=\"dropdown-item\" data-value=\"dutch\" data-text=\", tilted camera angle\">Dutch Angle<\/div>\n <div class=\"dropdown-item\" data-value=\"close_up\" data-text=\", close-up shot\">Close-up<\/div>\n <div class=\"dropdown-item\" data-value=\"wide_shot\" data-text=\", wide shot, establishing shot\">Wide Shot<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Lens Type\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Select the camera lens simulation for different effects<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"lens\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Lens<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"fisheye\" data-text=\", fisheye lens, wide distortion\">Fisheye<\/div>\n <div class=\"dropdown-item\" data-value=\"macro\" data-text=\", macro lens, extreme close-up\">Macro<\/div>\n <div class=\"dropdown-item\" data-value=\"telephoto\" data-text=\", telephoto lens, compressed perspective\">Telephoto<\/div>\n <div class=\"dropdown-item\" data-value=\"wide_angle\" data-text=\", wide-angle lens\">Wide Angle<\/div>\n <div class=\"dropdown-item\" data-value=\"standard\" data-text=\", standard 50mm lens\">Standard 50mm<\/div>\n <div class=\"dropdown-item\" data-value=\"portrait\" data-text=\", portrait lens, 85mm\">Portrait 85mm<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Depth of Field\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Control how much of the image is in focus<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"depth\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Depth<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"shallow\" data-text=\", shallow depth of field, blurred background\">Shallow (Blurred Background)<\/div>\n <div class=\"dropdown-item\" data-value=\"deep\" data-text=\", deep focus, everything in focus\">Deep Focus<\/div>\n <div class=\"dropdown-item\" data-value=\"selective\" data-text=\", selective focus\">Selective Focus<\/div>\n <div class=\"dropdown-item\" data-value=\"tilt_shift\" data-text=\", tilt-shift effect, miniature look\">Tilt-Shift<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Composition\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Choose how elements are arranged in the frame<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"composition\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Composition<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"rule_of_thirds\" data-text=\", rule of thirds composition\">Rule of Thirds<\/div>\n <div class=\"dropdown-item\" data-value=\"centered\" data-text=\", centered composition\">Centered<\/div>\n <div class=\"dropdown-item\" data-value=\"symmetrical\" data-text=\", symmetrical composition\">Symmetrical<\/div>\n <div class=\"dropdown-item\" data-value=\"asymmetrical\" data-text=\", asymmetrical composition\">Asymmetrical<\/div>\n <div class=\"dropdown-item\" data-value=\"leading_lines\" data-text=\", leading lines composition\">Leading Lines<\/div>\n <div class=\"dropdown-item\" data-value=\"golden_ratio\" data-text=\", golden ratio composition\">Golden Ratio<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\ud83d\udca1 Lighting & Atmosphere<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Lighting\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Set the mood and quality of light in your image<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"lighting\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Lighting<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"soft\" data-text=\", soft lighting, gentle illumination\">Soft Light<\/div>\n <div class=\"dropdown-item\" data-value=\"dramatic\" data-text=\", dramatic lighting, high contrast\">Dramatic Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"backlit\" data-text=\", backlit, rim lighting\">Backlit<\/div>\n <div class=\"dropdown-item\" data-value=\"natural\" data-text=\", natural daylight, outdoor lighting\">Natural Daylight<\/div>\n <div class=\"dropdown-item\" data-value=\"studio\" data-text=\", studio lighting, professional setup\">Studio Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"neon\" data-text=\", neon lighting, colorful glow\">Neon Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"candlelight\" data-text=\", candlelight, warm flickering\">Candlelight<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Atmosphere\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Add environmental mood and ambiance<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"atmosphere\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Atmosphere<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"misty\" data-text=\", misty atmosphere, foggy\">Misty<\/div>\n <div class=\"dropdown-item\" data-value=\"rainy\" data-text=\", rainy weather, wet surfaces\">Rainy<\/div>\n <div class=\"dropdown-item\" data-value=\"sunny\" data-text=\", sunny day, bright and clear\">Sunny<\/div>\n <div class=\"dropdown-item\" data-value=\"stormy\" data-text=\", stormy clouds, dramatic weather\">Stormy<\/div>\n <div class=\"dropdown-item\" data-value=\"snowy\" data-text=\", snowy landscape, winter scene\">Snowy<\/div>\n <div class=\"dropdown-item\" data-value=\"ethereal\" data-text=\", ethereal atmosphere, dreamy\">Ethereal<\/div>\n <div class=\"dropdown-item\" data-value=\"cozy\" data-text=\", cozy atmosphere, warm and inviting\">Cozy<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Time of Day\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Set the time and lighting conditions<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"time\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Time<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"golden_hour\" data-text=\", golden hour, warm sunset light\">Golden Hour<\/div>\n <div class=\"dropdown-item\" data-value=\"blue_hour\" data-text=\", blue hour, twilight\">Blue Hour<\/div>\n <div class=\"dropdown-item\" data-value=\"midday\" data-text=\", midday sun, bright daylight\">Midday<\/div>\n <div class=\"dropdown-item\" data-value=\"midnight\" data-text=\", midnight, dark night\">Midnight<\/div>\n <div class=\"dropdown-item\" data-value=\"dawn\" data-text=\", dawn, early morning light\">Dawn<\/div>\n <div class=\"dropdown-item\" data-value=\"dusk\" data-text=\", dusk, evening light\">Dusk<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"group-header\">\u26a1 Quality & Enhancement<\/div>\n <div class=\"controls-grid\">\n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Quality Level\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Enhance overall image quality and detail<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"quality\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Quality<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"masterpiece\" data-text=\", masterpiece, best quality, ultra-detailed\">Masterpiece<\/div>\n <div class=\"dropdown-item\" data-value=\"high_quality\" data-text=\", high quality, detailed\">High Quality<\/div>\n <div class=\"dropdown-item\" data-value=\"professional\" data-text=\", professional photography, award-winning\">Professional<\/div>\n <div class=\"dropdown-item\" data-value=\"trending\" data-text=\", trending on artstation, highly detailed\">Trending<\/div>\n <div class=\"dropdown-item\" data-value=\"sharp\" data-text=\", sharp focus, crystal clear\">Sharp Focus<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"dropdown-group\">\n <div class=\"dropdown-label\">\n Enhancement\n <span class=\"tooltip-icon\">\u2753\n <div class=\"tooltip-text\">Add special effects and enhancements<\/div>\n <\/span>\n <\/div>\n <div class=\"dropdown\" data-category=\"enhancement\">\n <button class=\"dropdown-btn\">\n <span class=\"dropdown-text\">Choose Enhancement<\/span>\n <span class=\"dropdown-arrow\">\u25bc<\/span>\n <\/button>\n <div class=\"dropdown-content\">\n <div class=\"dropdown-item\" data-value=\"hdr\" data-text=\", HDR, high dynamic range\">HDR<\/div>\n <div class=\"dropdown-item\" data-value=\"volumetric\" data-text=\", volumetric lighting, god rays\">Volumetric Lighting<\/div>\n <div class=\"dropdown-item\" data-value=\"ray_tracing\" data-text=\", ray tracing, realistic reflections\">Ray Tracing<\/div>\n <div class=\"dropdown-item\" data-value=\"bloom\" data-text=\", bloom effect, glowing highlights\">Bloom Effect<\/div>\n <div class=\"dropdown-item\" data-value=\"chromatic\" data-text=\", chromatic aberration, lens distortion\">Chromatic Aberration<\/div>\n <div class=\"dropdown-item\" data-value=\"film_grain\" data-text=\", film grain, analog texture\">Film Grain<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"actions\">\n <button class=\"btn btn-primary\" onclick=\"generatePrompt()\">Generate Prompt<\/button>\n <button class=\"btn btn-secondary\" onclick=\"copyPrompt()\">Copy to Clipboard<\/button>\n <button class=\"btn btn-secondary\" onclick=\"clearAll()\">Clear All<\/button>\n <\/div>\n <\/div>\n\n \n <div id=\"toast\" class=\"toast\">\n <span>\u2713<\/span>\n <span id=\"toast-message\">Copied to clipboard!<\/span>\n <\/div>\n\n <script>\n \/\/ Store selected options\n let selectedOptions = {};\n\n \/\/ Initialize dropdown functionality\n document.addEventListener('DOMContentLoaded', function() {\n initializeDropdowns();\n });\n\n function initializeDropdowns() {\n const dropdowns = document.querySelectorAll('.dropdown');\n \n dropdowns.forEach(dropdown => {\n const btn = dropdown.querySelector('.dropdown-btn');\n const content = dropdown.querySelector('.dropdown-content');\n const items = dropdown.querySelectorAll('.dropdown-item');\n const category = dropdown.getAttribute('data-category');\n\n \/\/ Toggle dropdown on button click\n btn.addEventListener('click', function(e) {\n e.stopPropagation();\n \n \/\/ Close all other dropdowns\n document.querySelectorAll('.dropdown-content').forEach(otherContent => {\n if (otherContent !== content) {\n otherContent.classList.remove('show');\n otherContent.parentElement.querySelector('.dropdown-btn').classList.remove('active');\n }\n });\n\n \/\/ Toggle current dropdown\n content.classList.toggle('show');\n btn.classList.toggle('active');\n });\n\n \/\/ Handle item selection\n items.forEach(item => {\n item.addEventListener('click', function() {\n const value = this.getAttribute('data-value');\n const text = this.getAttribute('data-text');\n const displayText = this.textContent;\n\n \/\/ Update selected option\n selectedOptions[category] = {\n value: value,\n text: text,\n display: displayText\n };\n\n \/\/ Update button text\n btn.querySelector('.dropdown-text').textContent = displayText;\n\n \/\/ Update visual selection\n items.forEach(i => i.classList.remove('selected'));\n this.classList.add('selected');\n\n \/\/ Close dropdown\n content.classList.remove('show');\n btn.classList.remove('active');\n\n \/\/ Update prompt\n updatePrompt();\n });\n });\n });\n\n \/\/ Close dropdowns when clicking outside\n document.addEventListener('click', function() {\n document.querySelectorAll('.dropdown-content').forEach(content => {\n content.classList.remove('show');\n content.parentElement.querySelector('.dropdown-btn').classList.remove('active');\n });\n });\n }\n\n function updatePrompt() {\n const basePrompt = document.getElementById('promptTextarea').value.trim();\n \n \/\/ Find the end of the base prompt (before any generated additions)\n let baseText = basePrompt;\n const commaIndex = basePrompt.indexOf(',');\n if (commaIndex !== -1) {\n \/\/ Check if there are any selected options that might be in the prompt\n for (let category in selectedOptions) {\n if (selectedOptions[category] && basePrompt.includes(selectedOptions[category].text)) {\n baseText = basePrompt.split(',')[0].trim();\n break;\n }\n }\n }\n \n let fullPrompt = baseText;\n\n \/\/ Add selected options to prompt (only once each)\n Object.values(selectedOptions).forEach(option => {\n if (option && option.text) {\n fullPrompt += option.text;\n }\n });\n\n \/\/ Update textarea\n document.getElementById('promptTextarea').value = fullPrompt;\n }\n\n function generatePrompt() {\n const basePrompt = document.getElementById('promptTextarea').value.trim();\n \n if (!basePrompt) {\n showToast('Please enter a base prompt first!', 'error');\n return;\n }\n\n \/\/ Generate random selections\n generateRandomSelections();\n\n \/\/ Find the base prompt (before any commas)\n let baseText = basePrompt.split(',')[0].trim();\n let fullPrompt = baseText;\n\n \/\/ Add all selected options\n Object.values(selectedOptions).forEach(option => {\n if (option && option.text) {\n fullPrompt += option.text;\n }\n });\n\n \/\/ Update textarea with final prompt\n document.getElementById('promptTextarea').value = fullPrompt;\n showToast('Random prompt generated successfully!');\n }\n\n function generateRandomSelections() {\n const dropdowns = document.querySelectorAll('.dropdown');\n \n dropdowns.forEach(dropdown => {\n const items = dropdown.querySelectorAll('.dropdown-item');\n const category = dropdown.getAttribute('data-category');\n \n \/\/ Randomly select an item (or skip with 30% chance)\n if (Math.random() > 0.3 && items.length > 0) {\n const randomIndex = Math.floor(Math.random() * items.length);\n const randomItem = items[randomIndex];\n \n const value = randomItem.getAttribute('data-value');\n const text = randomItem.getAttribute('data-text');\n const displayText = randomItem.textContent;\n\n \/\/ Update selected option\n selectedOptions[category] = {\n value: value,\n text: text,\n display: displayText\n };\n\n \/\/ Update button text\n const btn = dropdown.querySelector('.dropdown-btn');\n btn.querySelector('.dropdown-text').textContent = displayText;\n\n \/\/ Update visual selection\n items.forEach(i => i.classList.remove('selected'));\n randomItem.classList.add('selected');\n }\n });\n }\n\n function copyPrompt() {\n const promptText = document.getElementById('promptTextarea').value;\n \n if (!promptText.trim()) {\n showToast('No prompt to copy!', 'error');\n return;\n }\n\n navigator.clipboard.writeText(promptText).then(() => {\n showToast('Copied to clipboard!');\n }).catch(() => {\n showToast('Failed to copy!', 'error');\n });\n }\n\n function clearAll() {\n \/\/ Clear textarea\n document.getElementById('promptTextarea').value = '';\n \n \/\/ Clear selected options\n selectedOptions = {};\n \n \/\/ Reset all dropdowns\n document.querySelectorAll('.dropdown').forEach(dropdown => {\n const btn = dropdown.querySelector('.dropdown-btn');\n const textSpan = btn.querySelector('.dropdown-text');\n const items = dropdown.querySelectorAll('.dropdown-item');\n \n \/\/ Reset button text to placeholder\n const category = dropdown.getAttribute('data-category');\n const placeholders = {\n 'style': 'Choose Style',\n 'aspect': 'Choose Ratio',\n 'resolution': 'Choose Resolution',\n 'colors': 'Choose Colors',\n 'artist': 'Choose Artist',\n 'creative': 'Choose Creative Style',\n 'medium': 'Choose Medium',\n 'camera': 'Choose Camera Angle',\n 'lens': 'Choose Lens',\n 'depth': 'Choose Depth',\n 'composition': 'Choose Composition',\n 'lighting': 'Choose Lighting',\n 'atmosphere': 'Choose Atmosphere',\n 'time': 'Choose Time',\n 'quality': 'Choose Quality',\n 'enhancement': 'Choose Enhancement'\n };\n \n textSpan.textContent = placeholders[category] || 'Choose Option';\n \n \/\/ Remove selected class from items\n items.forEach(item => item.classList.remove('selected'));\n });\n \n showToast('All options cleared!');\n }\n\n function showToast(message, type = 'success') {\n const toast = document.getElementById('toast');\n const toastMessage = document.getElementById('toast-message');\n \n toastMessage.textContent = message;\n \n if (type === 'error') {\n toast.style.backgroundColor = '#f44336';\n } else {\n toast.style.backgroundColor = '#4CAF50';\n }\n \n toast.classList.add('show');\n \n setTimeout(() => {\n toast.classList.remove('show');\n }, 3000);\n }\n\n \/\/ Update prompt when user types in textarea\n document.getElementById('promptTextarea').addEventListener('input', function() {\n \/\/ This allows manual editing while preserving the base prompt concept\n });\n <\/script>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>AI Image Generation Prompt Builder AI Image Prompt Builder Create detailed prompts for AI image generation with ease Your Prompt \ud83c\udfa8 Basic Style Settings Image Style \u2753 Choose the overall artistic style for your image Choose Style \u25bc Realistic Cartoon Anime Oil Painting Sketch Aspect Ratio \u2753 Select the width-to-height ratio of your image Choose…<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-conseils-seo"],"yoast_head":"\n<title>Param\u00e8tres Image IA |<\/title>\n<meta name=\"description\" content=\"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serphist.com\/en\/parametres-image-ia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Param\u00e8tres Image IA |\" \/>\n<meta property=\"og:description\" content=\"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serphist.com\/en\/parametres-image-ia\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61570083232068\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-03T07:49:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T09:14:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serphist.com\/wp-content\/uploads\/2025\/05\/LOGO-SEOV5-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"glavanmaxim06@gmail.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"glavanmaxim06@gmail.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\"},\"author\":{\"name\":\"glavanmaxim06@gmail.com\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/person\\\/76d6f4ed579d70d44c2c0eda18c50ce6\"},\"headline\":\"Param\u00e8tres Image IA\",\"datePublished\":\"2025-07-03T07:49:04+00:00\",\"dateModified\":\"2025-07-03T09:14:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\"},\"wordCount\":367,\"publisher\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#organization\"},\"articleSection\":[\"Conseils\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\",\"url\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\",\"name\":\"Param\u00e8tres Image IA |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#website\"},\"datePublished\":\"2025-07-03T07:49:04+00:00\",\"dateModified\":\"2025-07-03T09:14:44+00:00\",\"description\":\"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/serphist.com\\\/parametres-image-ia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/serphist.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Param\u00e8tres Image IA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#website\",\"url\":\"https:\\\/\\\/serphist.com\\\/\",\"name\":\"Serphist\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/serphist.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#organization\",\"name\":\"Serphist\",\"url\":\"https:\\\/\\\/serphist.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/serphist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Serphist-Logo-Text-Concept.png\",\"contentUrl\":\"https:\\\/\\\/serphist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Serphist-Logo-Text-Concept.png\",\"width\":1200,\"height\":500,\"caption\":\"Serphist\"},\"image\":{\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61570083232068\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/serphist\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/serphist.com\\\/#\\\/schema\\\/person\\\/76d6f4ed579d70d44c2c0eda18c50ce6\",\"name\":\"glavanmaxim06@gmail.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g\",\"caption\":\"glavanmaxim06@gmail.com\"},\"sameAs\":[\"http:\\\/\\\/serphist.com\"],\"url\":\"https:\\\/\\\/serphist.com\\\/en\\\/author\\\/glavanmaxim06gmail-com\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Param\u00e8tres Image IA |","description":"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.","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:\/\/serphist.com\/en\/parametres-image-ia\/","og_locale":"en_US","og_type":"article","og_title":"Param\u00e8tres Image IA |","og_description":"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.","og_url":"https:\/\/serphist.com\/en\/parametres-image-ia\/","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61570083232068","article_published_time":"2025-07-03T07:49:04+00:00","article_modified_time":"2025-07-03T09:14:44+00:00","og_image":[{"width":1500,"height":1500,"url":"https:\/\/serphist.com\/wp-content\/uploads\/2025\/05\/LOGO-SEOV5-2.jpg","type":"image\/jpeg"}],"author":"glavanmaxim06@gmail.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"glavanmaxim06@gmail.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/serphist.com\/parametres-image-ia\/#article","isPartOf":{"@id":"https:\/\/serphist.com\/parametres-image-ia\/"},"author":{"name":"glavanmaxim06@gmail.com","@id":"https:\/\/serphist.com\/#\/schema\/person\/76d6f4ed579d70d44c2c0eda18c50ce6"},"headline":"Param\u00e8tres Image IA","datePublished":"2025-07-03T07:49:04+00:00","dateModified":"2025-07-03T09:14:44+00:00","mainEntityOfPage":{"@id":"https:\/\/serphist.com\/parametres-image-ia\/"},"wordCount":367,"publisher":{"@id":"https:\/\/serphist.com\/#organization"},"articleSection":["Conseils"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/serphist.com\/parametres-image-ia\/","url":"https:\/\/serphist.com\/parametres-image-ia\/","name":"Param\u00e8tres Image IA |","isPartOf":{"@id":"https:\/\/serphist.com\/#website"},"datePublished":"2025-07-03T07:49:04+00:00","dateModified":"2025-07-03T09:14:44+00:00","description":"Articles sur le SEO, le marketing digital et la strat\u00e9gie de contenu. Boostez votre visibilit\u00e9 avec les conseils experts de Serphist.","breadcrumb":{"@id":"https:\/\/serphist.com\/parametres-image-ia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serphist.com\/parametres-image-ia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/serphist.com\/parametres-image-ia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/serphist.com\/"},{"@type":"ListItem","position":2,"name":"Param\u00e8tres Image IA"}]},{"@type":"WebSite","@id":"https:\/\/serphist.com\/#website","url":"https:\/\/serphist.com\/","name":"Serphist","description":"","publisher":{"@id":"https:\/\/serphist.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serphist.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/serphist.com\/#organization","name":"Serphist","url":"https:\/\/serphist.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/serphist.com\/#\/schema\/logo\/image\/","url":"https:\/\/serphist.com\/wp-content\/uploads\/2026\/03\/Serphist-Logo-Text-Concept.png","contentUrl":"https:\/\/serphist.com\/wp-content\/uploads\/2026\/03\/Serphist-Logo-Text-Concept.png","width":1200,"height":500,"caption":"Serphist"},"image":{"@id":"https:\/\/serphist.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61570083232068","https:\/\/www.linkedin.com\/company\/serphist"]},{"@type":"Person","@id":"https:\/\/serphist.com\/#\/schema\/person\/76d6f4ed579d70d44c2c0eda18c50ce6","name":"glavanmaxim06@gmail.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ad46312f6e4d5e805864587b2dea7e4fc46db6fd14f101c6059e93e4858c3833?s=96&d=mm&r=g","caption":"glavanmaxim06@gmail.com"},"sameAs":["http:\/\/serphist.com"],"url":"https:\/\/serphist.com\/en\/author\/glavanmaxim06gmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":32,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":240,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/posts\/206\/revisions\/240"}],"wp:attachment":[{"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serphist.com\/en\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}