在 Devin 中试用 DeepWiki 处理私有仓库
DeepWiki

AUTOMATIC1111/stable-diffusion-webui

菜单

Web UI 指南

相关源文件

本指南全面概述了 Stable Diffusion Web UI 界面，重点介绍了其布局、组件和核心功能。它解释了如何与主要界面功能进行交互，以使用 Stable Diffusion 模型生成和处理图像。

有关安装说明，请参阅安装和设置。有关图像生成过程的详细信息，请参阅图像生成流程。有关模型管理的具体信息，请参阅模型管理。

1. 界面概述

Stable Diffusion Web UI 使用 Gradio 构建，为 Stable Diffusion 提供基于浏览器的图形界面。界面分为几个主要选项卡，每个选项卡都有特定的用途。

1.1 通用界面元素

所有主要的生成选项卡（txt2img 和 img2img）共享几个通用的界面元素。

  1. 提示区域：包含用于输入正面和负面提示的文本字段。
  2. 参数区域：包含用于配置生成的滑块、下拉菜单和复选框。
  3. 生成按钮：启动图像生成过程。
  4. 图库：显示生成的图像。
  5. 额外网络面板：提供对 LoRA、嵌入等额外网络的访问。
  6. 进度条：显示生成进度和预计到达时间 (ETA)。

来源

1.2 导航和选项卡结构

该 UI 使用基于选项卡的导航系统，其中包含顶级选项卡和某些部分内的子选项卡。

来源

2. 文本到图像 (txt2img) 界面

txt2img 选项卡允许您从文本提示生成图像。这是使用 Stable Diffusion 创建新图像的主要界面。

2.1 提示字段

提示区域由以下部分组成：

  1. 正面提示：您希望在图像中看到的内容。
  2. 负面提示：您希望避免在图像中出现的内容。
  3. 风格：用于应用预定义提示风格的下拉菜单。
  4. 令牌计数器：显示提示中的令牌数量。

来源

2.2 生成参数

参数部分包含以下控件：

参数描述典型值
宽度/高度图像尺寸（以像素为单位）。512×512、768×512 等。
批次计数要生成的批次数。1-10
批次大小每批图像的数量。1-8
CFG Scale（提示词引导强度）提示词遵循程度。7.0（越高表示越忠实）
采样步数去噪迭代次数。20-50
采样方法用于生成的算法。Euler a、DPM++ 2M Karras 等。
种子 (Seed)控制随机性。-1 表示随机，或输入具体数字。

该界面还包括高级选项，例如 Highres. fix，它提供两阶段生成过程以获得更高分辨率的输出。

来源

2.3 生成控件

生成按钮和相关控件包括：

  1. 生成按钮：启动生成过程。
  2. 中断：停止当前生成。
  3. 跳过：跳过当前图像并继续下一张。
  4. 恢复进度：恢复先前中断的生成。

还提供键盘快捷键：

  • Ctrl+Enter：开始/重新开始生成。
  • Alt/Option+Enter：跳过生成。
  • Esc：中断生成。

来源

3. 图像到图像 (img2img) 界面

img2img 选项卡允许您使用 Stable Diffusion 修改现有图像。它有几种模式，每种模式都有特定的功能。

3.1 img2img 模式

img2img 选项卡包含几种模式，可通过子选项卡访问：

模式描述
img2img使用文本提示转换上传的图像。
Sketch（草图）将草图转换为详细图像。
Inpaint（内容填充）仅重新生成图像的蒙版部分。
Inpaint sketch（草图内容填充）结合了草图绘制和内容填充。
Inpaint upload（上传内容填充）图像和蒙版的单独上传字段。
批处理一次处理多张图像。

来源

3.2 img2img 特定参数

除了与 txt2img 共享的参数外，img2img 还有一些独特的控件：

参数描述
去噪强度更改输入的程度（0-1）。
调整模式如何处理图像缩放。
蒙版模糊用于内容填充蒙版的模糊量。
蒙版模式在处理前如何填充蒙版区域。
以全分辨率进行内容填充是否仅以高分辨率处理蒙版区域。

来源

3.3 图像输入方法

不同的 img2img 模式提供不同的图像输入方式。

来源

4. 额外网络面板

额外网络面板提供对可用于增强生成的其他模型和嵌入的访问。它在 txt2img 和 img2img 选项卡的主界面下方显示为一个可折叠部分。

4.1 访问额外网络

可以通过界面上的 🎴 按钮切换额外网络面板。它包含用于不同类型额外网络的选项卡。

来源

4.2 使用额外网络

可以通过以下方式使用额外网络：

  1. 单击卡片：将网络触发器添加到提示中。
  2. 浏览树视图：按文件夹结构组织网络。
  3. 搜索：使用搜索字段查找特定网络。
  4. 排序：按名称、日期或其他标准对网络进行排序。

要将额外网络添加到提示中，只需单击其卡片或树视图中的条目。相应的语法将自动添加到您的提示中。

来源

5. 进度和状态跟踪

Web UI 提供有关生成过程的详细反馈，包括进度指示器、实时预览和性能统计信息。

5.1 进度条

生成过程中，输出图库上方会显示一个进度条，显示：

  1. 完成百分比。
  2. ETA（预计到达时间）。
  3. 步数信息（当前步数/总步数）。

来源

javascript/progressbar.js178-207

5.2 实时预览

如果设置中启用，则在生成过程中会显示正在生成图像的实时预览。此预览会定期更新，显示图像的当前状态。

  1. 实时预览功能
  2. 以设置中指定的速率更新
  3. 显示生成过程的实际进行中图像

来源

modules/progress.py119-140

5.3 性能指标

指标描述
生成完成后，性能统计数据将显示在图库下方耗时
总生成时间VRAM 使用量
配置文件使用的活动、保留和系统内存

来源

style.css272-301

6. 设置和配置

Web UI 提供广泛的设置来定制其行为和外观。

6.1 访问设置

  1. 可以通过以下方式访问设置
  2. 主界面中的“设置”选项卡

UI顶部的“快速设置”栏

6.2 设置类别

设置按类别组织

类别设置描述
用户界面主题重要设置包括
用户界面浅色/深色模式选择额外网络高度
控制额外网络面板中的卡片高度实时预览启用
性能在生成过程中切换实时预览VRAM 使用级别
保存控制内存优化策略采样格式
保存输出的图像格式（PNG、JPG、WEBP）提示提示样式

来源

javascript/ui.js299-331

7. 键盘快捷键和快速操作

快捷键操作
Web UI 提供多种键盘快捷键以提高用户的工作效率Ctrl+Enter
开始/重新开始生成Alt/Option+Enter
跳过当前生成Esc
中断生成粘贴（在宽度/高度字段中）
解析“宽x高”格式并填充两个字段点击 🎲
随机化种子点击 ♻️
重用最后一个种子点击 ↙

来源

javascript/ui.js398-404

8. 常用工作流

  1. 8.1 基本文本到图像生成
  2. 输入描述所需图像的提示
  3. （可选）输入要避免的元素的负面提示
  4. 调整参数（尺寸、CFG 比例、采样步数等）
  5. 点击生成

图像显示在下方的图库中

  1. 8.2 图像到图像修改
  2. 切换到 img2img 选项卡
  3. 上传或绘制图像（取决于模式）
  4. 输入提示以指导转换
  5. 调整参数（尺寸、CFG 比例、采样步数等）
  6. 调整去噪强度（越高表示变化越大）

修改后的图像显示在图库中

  1. 8.3 使用额外网络
  2. 点击 🎴 按钮显示额外网络面板
  3. 浏览或搜索所需的网络
  4. 点击卡片将其添加到您的提示中
  5. 如有需要，调整权重（例如，<lora:network:0.7>）

照常生成

9. 故障排除和提示

问题可能解决方案
9.1 常见问题VRAM 错误
减小图像尺寸、批次大小，或在设置中启用内存优化生成速度慢
考虑使用较少的采样步数或更快的采样器，如 Euler a括号错误
检查提示中是否存在不匹配的括号（由红色标记计数器显示）图像未更改

确保 img2img 模式下的去噪强度足够高

  1. 9.2 性能提示
  2. 批次大小 vs. 批次计数：增加批次大小以提高性能，增加批次计数以获得更多变体
  3. 采样器选择：DPM++ 系列采样器通常能提供良好的质量/速度平衡
  4. VRAM 优化：“Xformers”等设置可以显著减少内存使用量

来源

extensions-builtin/prompt-bracket-checker/javascript/prompt-bracket-checker.js6-26

10. 高级功能

10.1 高分辨率修复

  1. 高分辨率修复是一个两步过程，它
  2. 首先生成低分辨率图像

然后放大并完善它以创建更高分辨率的结果

这对于创建更高分辨率的图像同时保持质量非常有用。在 txt2img 界面下的 Highres. fix 手风琴中启用它。

10.2 恢复进度

如果生成被中断（由于浏览器刷新、崩溃等），您通常可以使用 🌀 按钮恢复进度。这将检索上次中断的生成。

10.3 图像修复技术

  1. 在图像修复模式下，您可以
  2. 使用画笔遮罩要重新生成的区域
  3. 调整蒙版模糊以控制原始内容和新内容之间的过渡

来源

本指南涵盖了 Stable Diffusion Web UI 界面的核心方面。有关特定功能或高级用法的更详细信息，请参阅文档的其他部分。