update Image Generation tutorial

This commit is contained in:
DaWe
2025-06-18 14:08:29 +02:00
parent 94775f2ec7
commit 3cc549d1f8
2 changed files with 32 additions and 4 deletions

View File

@@ -137,9 +137,9 @@ SwarmUI utilizes ComfyUI as its backend. In order to get Open WebUI to work with
The address you will input as the ComfyUI Base URL will look like: `http://<your_swarmui_address>:7801/ComfyBackendDirect`
## OpenAI DALL·E
## OpenAI
Open WebUI also supports image generation through the **OpenAI DALL·E APIs**. This option includes a selector for choosing between DALL·E 2 and DALL·E 3, each supporting different image sizes.
Open WebUI also supports image generation through the **OpenAI APIs**. This option includes a selector for choosing between DALL·E 2, DALL·E 3, and GPT-Image-1 each supporting different image sizes.
### Initial Setup
@@ -148,18 +148,46 @@ Open WebUI also supports image generation through the **OpenAI DALL·E APIs**. T
### Configuring Open WebUI
1. In Open WebUI, navigate to the **Admin Panel** > **Settings** > **Images** menu.
2. Set the `Image Generation Engine` field to `Open AI (Dall-E)`.
2. Set the `Image Generation Engine` field to `Open AI`.
3. Enter your OpenAI API key.
4. Choose the DALL·E model you wish to use. Note that image size options will depend on the selected model:
4. Choose the model you wish to use. Note that image size options will depend on the selected model:
* **DALL·E 2**: Supports `256x256`, `512x512`, or `1024x1024` images.
* **DALL·E 3**: Supports `1024x1024`, `1792x1024`, or `1024x1792` images.
* **GPT-Image-1**: Supports `auto`, `1024x1024`, `1536x1024`, or `1024x1536` images.
### Azure OpenAI
Using Azure OpenAI Dall-E directly is unsupported, but you can [set up a LiteLLM proxy](https://litellm.vercel.app/docs/image_generation) which is compatible with the `Open AI (Dall-E)` Image Generation Engine.
## Image Router
Open WebUI also supports image generation through the **Image Router APIs**. Image Router is an [open source](https://github.com/DaWe35/image-router) image generation proxy that unifies most popular models into a single API.
### Initial Setup
1. Obtain an [API key](https://imagerouter.io/api-keys) from Image Router.
### Configuring Open WebUI
1. In Open WebUI, navigate to the **Admin Panel** > **Settings** > **Images** menu.
2. Set the `Image Generation Engine` field to `Open AI` (Image Router uses the same syntax as OpenAI).
3. Change the API endpoint URL to `https://api.imagerouter.io/v1/openai`
4. Enter your Image Router API key.
5. Choose the model you wish to use. For more information, [see all models](https://imagerouter.io/models)
## Using Image Generation
#### Method 1:
1. Toggle the `Image Generation` switch to on.
2. Enter your image generation prompt.
3. Click `Send`.
![Image Generation Tutorial](/images/tutorial_image_generation_2.png)
#### Method 2:
![Image Generation Tutorial](/images/tutorial_image_generation.png)
1. First, use a text generation model to write a prompt for image generation.

Binary file not shown.

After

Width:  |  Height:  |  Size: 647 KiB