%20(1).png)
ComfyUI_PNGInfo_Sidebar 插件完整使用教程
1. 插件简介
插件地址： https://github.com/KLL535/ComfyUI_PNGInfo_Sidebar
ComfyUI_PNGInfo_Sidebar 是一个前端扩展插件，它的作用就像给你的ComfyUI界面加了一个"图片信息查看器"。
想象一下，你用手机拍了很多照片，每张照片都有一些隐藏的信息（比如拍摄时间、相机型号等）。这个插件就是帮你查看AI生成图片里隐藏信息的小工具。
这个插件能给我们带来什么好处：
- 不用停止正在运行的工作流程，就能随时查看图片里的生成参数
- 就像有了一个专门的"图片档案馆"，随时翻阅图片的"身份证"
- 特别适合从其他AI软件（比如Forge）转过来的朋友，找回熟悉的查看方式
2. 如何安装
方法一：使用ComfyUI管理器（推荐新手）
- 打开ComfyUI，找到"Custom Nodes Manager"（自定义节点管理器）
- 在搜索框里输入"ComfyUI_PNGInfo_Sidebar"
- 找到后点击安装
- 重启ComfyUI
方法二：手动安装
- 按键盘上的"Windows键+R"，输入"cmd"打开命令行
- 输入以下命令（就像给电脑下指令）：
cd 你的ComfyUI文件夹路径/custom_nodes git clone https://github.com/KLL535/ComfyUI_PNGInfo_Sidebar.git - 重启ComfyUI
3. 插件功能详解
3.1 主要功能：侧边栏图片信息查看器
这个插件不是传统意义上的"节点"，而是一个界面工具。安装后，你会在ComfyUI的左侧看到一个新的"PNGInfo"标签页。
它能做什么：
- 点击这个标签页，就像打开一个抽屉，里面有查看图片信息的工具
- 把图片拖拽到这个区域，就能看到图片的"生成秘方"
- 或者点击按钮选择图片文件来查看
3.2 设置参数详解
插件提供了丰富的自定义选项，就像装修房子一样，你可以按自己的喜好调整：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Font Name | font_name | 文字样式名称 | georgia italic bold | 就像选择写字的字体，让文字看起来更好看 | 设置显示文本的字体样式 | 比如想要斜体粗体，就写"georgia italic bold" |
| Font Size | font_size | 数字（像素） | 14 | 调节文字大小，就像调节手机字体大小一样 | 控制文本显示的字号大小 | 眼睛不好可以调大一点，比如16或18 |
| Image Size | image_size | 数字（像素） | 300 | 控制预览图片的显示大小 | 设置图片预览的尺寸 | 屏幕大可以设置400，小屏幕设置200 |
| Enable (after restart) | enable_plugin | true/false | true | 这个开关决定插件是否工作，就像电器的开关 | 控制插件的启用状态 | 不想用了就改成false，重启后就关闭了 |
3.3 颜色主题设置
插件支持自定义颜色，就像给房间刷不同颜色的墙：
普通主题颜色设置：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Color Text | color_text | 颜色代码 | #333333 | 普通文字的颜色，就像选择笔的颜色 | 设置主要文本的颜色 | 想要黑色就用#000000，红色用#FF0000 |
| Color File | color_file | 颜色代码 | #0066CC | 文件名的颜色，让文件名更醒目 | 设置文件名显示的颜色 | 蓝色比较醒目，可以用#0066CC |
| Color Number | color_number | 颜色代码 | #009900 | 数字的颜色，让数字更容易识别 | 设置数值显示的颜色 | 绿色数字比较清晰，用#009900 |
| Color Header | color_header | 颜色代码 | #666666 | 标题的颜色，让标题更突出 | 设置标题文本的颜色 | 深灰色比较庄重，用#666666 |
深色主题颜色设置：
| 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 |
|---|---|---|---|---|---|---|
| Color Text (Dark) | color_text_dark | 颜色代码 | #CCCCCC | 深色主题下的普通文字颜色 | 暗色模式下的主要文本颜色 | 浅灰色在黑背景下比较舒服，用#CCCCCC |
| Color File (Dark) | color_file_dark | 颜色代码 | #66AAFF | 深色主题下的文件名颜色 | 暗色模式下的文件名颜色 | 浅蓝色在黑背景下很醒目，用#66AAFF |
| Color Number (Dark) | color_number_dark | 颜色代码 | #66FF66 | 深色主题下的数字颜色 | 暗色模式下的数值颜色 | 浅绿色在黑背景下清晰，用#66FF66 |
| Color Header (Dark) | color_header_dark | 颜色代码 | #AAAAAA | 深色主题下的标题颜色 | 暗色模式下的标题颜色 | 中灰色比较柔和，用#AAAAAA |
4. 使用技巧和建议
4.1 日常使用小窍门
- 拖拽使用： 最简单的方法就是直接把图片拖到侧边栏里，就像把照片放进相册一样
- 不中断工作： 这个插件最大的好处是不会打断你正在运行的任务，随时查看随时关闭
- 字体调优： 如果看不清楚，先调整字体大小，再调整颜色
4.2 颜色搭配建议
- 护眼组合： 深色主题配浅色文字，长时间使用不累眼
- 高对比度： 如果视力不好，选择对比度高的颜色组合
- 个性化： 可以根据自己的喜好调整，比如喜欢绿色就多用绿色调
4.3 兼容性提示
- 主要支持ComfyUI和Forge生成的图片
- 标准ComfyUI工具保存的图片可能会有问题，因为信息存储方式不同
- 目前主要在Windows系统上测试过
5. 常见问题解答
Q1：安装后找不到PNGInfo标签页怎么办？
A： 确保已经重启ComfyUI，标签页应该在左侧边栏。如果还是没有，检查插件是否正确安装在custom_nodes文件夹中。
Q2：拖拽图片后没有显示信息怎么办？
A： 可能是图片没有包含元数据信息，或者图片格式不支持。尝试用ComfyUI生成的图片测试。
Q3：颜色设置后没有变化怎么办？
A： 颜色设置需要重启ComfyUI才能生效，记得保存设置后重启。
Q4：文字太小看不清怎么办？
A： 调整Font Size参数，推荐从14开始，根据自己的屏幕大小调整到16或18。
Q5：支持哪些图片格式？
A： 主要支持PNG格式，因为PNG格式可以保存元数据信息。
6. 总结
ComfyUI_PNGInfo_Sidebar插件就像是给你的ComfyUI加了一个"图片信息助手"，让你随时随地查看图片的生成参数，特别适合需要经常查看图片信息的用户。
虽然它不是传统意义上的节点，但作为一个界面工具，它大大提升了用户体验。安装简单，使用方便，还能根据个人喜好自定义外观，是一个非常实用的ComfyUI扩展。
记住，这个插件的核心价值在于"不打断工作流程"和"随时查看信息"，让你在创作过程中更加高效和便捷。