Sign in

Nodes Browser

ComfyDeploy: How ComfyUI_PNGInfo_Sidebar works in ComfyUI?

What is ComfyUI_PNGInfo_Sidebar?

Frontend extension that adds a sidebar for easy viewing of PNG file metadata.

How to install it in ComfyDeploy?

Head over to the machine page

  1. Click on the "Create a new machine" button
  2. Select the Edit build steps
  3. Add a new step -> Custom Node
  4. Search for ComfyUI_PNGInfo_Sidebar and select it
  5. Close the build step dialig and then click on the "Save" button to rebuild the machine

ComfyUI_PNGInfo_Sidebar

Description:

ComfyUI custom frontend extension that adds a sidebar for easy viewing of PNG file metadata.

Why is this needed:

If you have a lot of images generated in Forge, you switched to СomfyUI, and you really miss the PNGInfo tab, then this extension will help you. The extension adds a tab on the left, which, when opened, will open a convenient window for viewing PNG image metadata. Just click on the button/image and open the image. Or drag the image to this part of the window to open it.

image

Advantages:

Allows you to conveniently view information without stopping the workflow.

Disadvantages:

  • Metadata created by СomfyUI is supported, but files saved by standard СomfyUI tools may cause problems due to СomfyUI specific approach to storing information. Depending on the workspace, there may be no prompt at all in the metadata, or there may be 9 of them stored and all of them are incorrect.

How to install?

Method 1: Manager (Recommended)

If you have ComfyUI-Manager, you can click Custom Nodes Manager and find ComfyUI_PNGInfo_Sidebar.

Method 2: Manual

In Windows:

  • run cmd, go to the ComfyUI folder
  • cd custom_nodes
  • git clone https://github.com/KLL535/ComfyUI_PNGInfo_Sidebar.git
  • Start/restart ComfyUI

Settings sections

Look for PNGInfo tab:

image image

General:

  • Font Name - You can customize the font, for example georgia italic bold.
  • Font Size - You can customize the font size.
  • Image Size - You can customize the image size.
  • Enable (after restart) - You can disable this tab (will work after restart).

Colors / Colors (Dark Theme):

  • Color Text - You can change the color of the main text.
  • Color File - You can change the color of file names.
  • Color Number - You can change the color of numbers.
  • Color Header - You can change the color of headers.

[!] Tested on Windows only. Tested on Forge and СomfyUI metadata only.