Merge branch 'screenshotDocumentation' into '12.4'

R-49428 add Screenshots to documentation See merge request typo3-commons/mkcontentai!74
DMKEBUSINESSGMBH · Oct 24, 2024 · 5366e47 · 5366e47
2 parents 3709e4f + 3740dc2
commit 5366e47
Show file tree

Hide file tree

Showing 23 changed files with 28 additions and 0 deletions.
diff --git a/Documentation/Images/AltTextGeneration/Filelist-altext-generation-approve-v12.png b/Documentation/Images/AltTextGeneration/Filelist-altext-generation-approve-v12.png
diff --git a/Documentation/Images/AltTextGeneration/Filelist-altext-generation-v12.png b/Documentation/Images/AltTextGeneration/Filelist-altext-generation-v12.png
diff --git a/Documentation/Images/AltTextGeneration/Images-tab-altext-generation-v12.png b/Documentation/Images/AltTextGeneration/Images-tab-altext-generation-v12.png
diff --git a/Documentation/Images/AltTextGeneration/Overview-list-altext-generation-v12.png b/Documentation/Images/AltTextGeneration/Overview-list-altext-generation-v12.png
diff --git a/Documentation/Images/BatchCommand/Batch-command-approve-v12.png b/Documentation/Images/BatchCommand/Batch-command-approve-v12.png
diff --git a/Documentation/Images/BatchCommand/Batch-command-folder-v12.png b/Documentation/Images/BatchCommand/Batch-command-folder-v12.png
diff --git a/Documentation/Images/ImageGeneration/Image-generation-examples-v12.png b/Documentation/Images/ImageGeneration/Image-generation-examples-v12.png
diff --git a/Documentation/Images/ImageGeneration/Image-generation-v12.png b/Documentation/Images/ImageGeneration/Image-generation-v12.png
diff --git a/Documentation/Images/ImageToVideo/Image-to-video-cropping-v12.png b/Documentation/Images/ImageToVideo/Image-to-video-cropping-v12.png
diff --git a/Documentation/Images/ImageToVideo/Image-to-video-example-v12.mp4 b/Documentation/Images/ImageToVideo/Image-to-video-example-v12.mp4
diff --git a/Documentation/Images/ImageToVideo/Image-to-video-function-v12.png b/Documentation/Images/ImageToVideo/Image-to-video-function-v12.png
diff --git a/Documentation/Images/ImageToVideo/Image-to-video-result-v12.png b/Documentation/Images/ImageToVideo/Image-to-video-result-v12.png
diff --git a/Documentation/Images/Outpainting/Outpainting-button-v12.png b/Documentation/Images/Outpainting/Outpainting-button-v12.png
diff --git a/Documentation/Images/Outpainting/Outpainting-functions-v12.png b/Documentation/Images/Outpainting/Outpainting-functions-v12.png
diff --git a/Documentation/Images/Outpainting/zoomout-outpainting-v12.png b/Documentation/Images/Outpainting/zoomout-outpainting-v12.png
diff --git a/Documentation/Images/Outpainting/zoomout-outpainting-v13.png b/Documentation/Images/Outpainting/zoomout-outpainting-v13.png
diff --git a/Documentation/Images/Settings/settings-v12.png b/Documentation/Images/Settings/settings-v12.png
diff --git a/Documentation/Images/SummAiAPI/summ-ai-example.png b/Documentation/Images/SummAiAPI/summ-ai-example.png
diff --git a/Documentation/Images/Upscale/upscaling-after-v12.png b/Documentation/Images/Upscale/upscaling-after-v12.png
diff --git a/Documentation/Images/Upscale/upscaling-before-v12.png b/Documentation/Images/Upscale/upscaling-before-v12.png
diff --git a/Documentation/Images/Variants/Generated-variants-v12.png b/Documentation/Images/Variants/Generated-variants-v12.png
diff --git a/Documentation/Images/Variants/functions-buttons-overview-v12.png b/Documentation/Images/Variants/functions-buttons-overview-v12.png
diff --git a/README.md b/README.md
@@ -21,31 +21,57 @@ After generating an image, user can choose which image should be saved to a dire
 ### Image generation
 Generate high-quality images for your website using AI. This extension provides an image generation tool that allows you to create custom images by providing a prompt. With its intuitive interface, you can easily generate images that match your desired style or content by providing a text prompt.
 
+#### Promt Input
+![](Documentation/Images/ImageGeneration/Image-generation-v12.png)
+
+#### Save generated Images
+![](Documentation/Images/ImageGeneration/Image-generation-examples-v12.png)
+
 ### Variants
 Generate image variants of previously generated images. This feature is useful if you want to create multiple variations of an image without having to generate a new image from scratch each time.
 
+![](Documentation/Images/Variants/Generated-variants-v12.png)
+
 ### Upscale
 Generate higher-resolution images from previously generated images. Currently, it works only with OpenAI API and 256x256 or 512x512 images.
 
+![](Documentation/Images/Upscale/upscaling-before-v12.png)
+
 ### Outpainting
 Extending image with AI. Currently, it works only with StabilityAI - it is possible to extend left, right, top, bottom part of the image as well as zoom out.
 
+![](Documentation/Images/Outpainting/zoomout-outpainting-v13.png)
+
+
 ### Alt text generation
 Automatic generation of alternative text (alt text) for images by alttext.ai API. This functionality is designed to enhance web accessibility and SEO performance by providing descriptive alt text for images. This functionality is implemented in two places:
 
 - Filelist module (context menu for a given image)
+![](Documentation/Images/AltTextGeneration/Filelist-altext-generation-v12.png)
 - Content element (button next to the alt text field for a given image)
+![](Documentation/Images/AltTextGeneration/Images-tab-altext-generation-v12.png)
 
 ### Batch Command for Alt Text
 A batch command feature enables processing all images in a given folder either by a context menu in the filelist module or by a scheduler task. This functionality helps in bulk generation of alt texts for images, improving efficiency.
 
+![](Documentation/Images/BatchCommand/Batch-command-folder-v12.png)
+![](Documentation/Images/BatchCommand/Batch-command-approve-v12.png)
+
 ### Image to video generation
 Image to video currently works only with StabilityAI. This functionality introduces the ability to create a video from provided image.
 
+#### Format Selection:
+![](Documentation/Images/ImageToVideo/Image-to-video-function-v12.png)
+
+#### Result Screen:
+![](Documentation/Images/ImageToVideo/Image-to-video-result-v12.png)
+
 ### SUMM AI API integration
 SUMM AI is a tool designed to improve accessibility by transforming complex texts into both Leichte Sprache (Easy Language) and Plain Language. These formats are tailored to make content more accessible, ensuring that it can be easily understood by a broader audience, including individuals with cognitive disabilities or those who may struggle with reading comprehension.
 The SUMM AI API is now implemented and ready to transform content using tt_content texts within the MKContentAI extension.
 
+![](Documentation/Images/SummAiAPI/summ-ai-example.png)
+
 ### Settings
 The "Settings" section allows you to configure the AI platforms and APIs that the extension should use, as well as additional options for Stable Diffusion. Specifically, in the "Settings" section, you can:
 
@@ -58,6 +84,8 @@ The "Settings" section allows you to configure the AI platforms and APIs that th
 
 These settings can be adjusted according to your preferences and needs. It's important to ensure that the API keys are entered correctly to enable the extension to connect to the AI platforms and generate images successfully.
 
+![](Documentation/Images/Settings/settings-v12.png)
+
 ## Changelog
 
 - 12.2.3: Fix JS error in BE module