SD-WebUI-Photopea-Embed：将专业图像编辑集成到AI绘画工作流
项目地址: https://gitcode.com/gh_mirrors/sd/sd-webui-photopea-embed SD-WebUI-Photopea-Embed 是一个专为Stable Diffusion WebUI设计的轻量级扩展程序，它巧妙地将功能强大的在线图像编辑器Photopea直接嵌入到WebUI界面中。这个扩展不仅增强了Stable Diffusion的灵活性，还简化了从编辑到生成的完整工作流程，让用户无需在多个应用间切换即可完成复杂的图片处理任务。
快速安装指南
要快速启动并利用此扩展，您需要遵循以下简单步骤：
- 启动Stable Diffusion环境 - 确保您的WebUI正常运行
- 进入扩展管理界面 - 点击"Extensions"标签页
- 从URL安装 - 选择"Install from URL"选项，粘贴项目地址进行安装
安装完成后重启WebUI，您将在界面中发现全新的"Photopea"编辑标签！
核心功能特性
嵌入式Photopea编辑器
扩展在WebUI中直接嵌入完整的Photopea编辑器，提供与访问Photopea网站完全相同的功能体验。用户可以在同一个界面内完成从基础调整到复杂合成的各种图像处理任务。
图像传输按钮
- 发送到Extras：将当前打开的图像的扁平化内容发送到Extras标签页，适用于图像放大等处理
- 发送到img2img：将图像发送到img2img标签页进行进一步处理
- 局部重绘选区：当活动文档中有选区时，会创建相应形状的蒙版，并将蒙版和图像一起发送到img2img的"Inpaint Upload"标签页
ControlNet集成支持
如果用户安装了ControlNet扩展，还会获得额外的功能：
- ControlNet模型索引下拉菜单：允许选择要将图像发送到的具体模型
- 发送到txt2img ControlNet按钮：将图像发送到txt2img标签页中的ControlNet
- 发送到img2img ControlNet按钮：将图像发送到img2img标签页中的ControlNet
WebUI图库集成
在txt2txt、img2img和extras标签页的图库中，都会出现发送到Photopea按钮。用户可以按下该按钮将当前选中的图像发送回Photopea标签页，作为新光栅化图层添加到当前打开的文档中。
配置选项详解
活动图层选项
仅活动图层复选框：如果勾选此选项，在使用按钮时，只会发送Photopea中当前选定的图层，而不是整个扁平化图像。
iFrame高度调节
默认情况下，Photopea嵌入框高度为768px，宽度为100%。用户可以根据显示器实际空间，使用滑块增加或减少Photopea窗口在标签页中的大小。
创意应用场景
图像预处理优化
在AI生成前使用Photopea进行基础调整（裁剪、调色等操作），可以显著提高后续生成质量。
细节精修技巧
在AI生成后，利用Photopea进行微调处理，如去除瑕疵、添加细节或合成更复杂的效果。
ControlNet协同工作
结合ControlNet使用，可以直接将图片发送至特定的ControlNet模型，增强特定区域的识别精度和控制效果。
技术实现原理
扩展通过Python脚本创建Photopea标签页，使用JavaScript绑定实现WebUI与Photopea之间的双向通信。核心机制包括：
- iframe嵌入：将Photopea网站直接嵌入到WebUI界面中
- 消息传递：通过postMessage API在WebUI和Photopea之间传输图像数据
- DOM操作：通过JavaScript导航WebUI的DOM结构，实现图像在各个组件间的传输
使用注意事项
已知问题说明
- 当传递大文件时，图像可能不会立即光栅化（这是由于Photopea异步加载图像，但在图像完全加载之前就发送了加载请求的响应）
- 在某些情况下，发送到Photopea按钮可能无法正常工作
通过SD-WebUI-Photopea-Embed扩展，传统图像编辑与现代AI技术实现了完美融合，为数字艺术家和技术爱好者开辟了全新的创作维度。无论是专业的艺术家还是AI技术爱好者，都能在这个集成环境中找到提升创作效率的途径。
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
