diff --git a/docs/tutorials/images.md b/docs/tutorials/images.md index 2b71a78..3c3630a 100644 --- a/docs/tutorials/images.md +++ b/docs/tutorials/images.md @@ -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://: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. diff --git a/static/images/tutorial_image_generation_2.png b/static/images/tutorial_image_generation_2.png new file mode 100644 index 0000000..3b17430 Binary files /dev/null and b/static/images/tutorial_image_generation_2.png differ