ComfyUI Node: 🐯 YFG Image Side by Side

🐯 YFG Image Side by Side:

The images_side_by_side node is designed to help you combine two images into a single image, either by placing them side by side or by splitting them and merging their halves. This node is particularly useful for creating visual comparisons, artistic compositions, or any scenario where you need to juxtapose two images. It offers flexibility in terms of labeling and styling, allowing you to add custom labels and separators to enhance the visual appeal of the combined image. The node ensures that the images are aligned properly and provides options to customize the appearance of the separator line and labels, making it a versatile tool for image manipulation and presentation.

🐯 YFG Image Side by Side Input Parameters:

image1

This parameter represents the first image to be combined. It is essential for the node's operation as it forms one half of the final output image. The image should be in a compatible format (e.g., JPEG, PNG) and can be of any size, although the final output will depend on the dimensions of both input images.

image2

This parameter represents the second image to be combined. Like image1, it is crucial for the node's operation and forms the other half of the final output image. The image should be in a compatible format and can be of any size, with the final output depending on the dimensions of both input images.

mode

This parameter determines how the images will be combined. It can take values such as "Side by Side" or "Split". In "Side by Side" mode, the images are placed next to each other. In "Split" mode, the images are split in half and then combined. This parameter allows you to choose the desired composition style for your images.

preview

This boolean parameter indicates whether the combined image should be returned as a preview. If set to True, the node will generate a preview of the combined image. If set to False, the node will return the final combined image. This parameter helps in quickly visualizing the result without generating the final output.

display

This parameter specifies which image to display in the output. It can take values such as "Image 1", "Image 2", or "Combined Image". This allows you to choose whether to display one of the original images or the combined image in the output, providing flexibility in how the results are presented.

font_file

This parameter specifies the font file to be used for labeling the images. It allows you to customize the appearance of the labels by choosing a specific font. The font file should be in a compatible format (e.g., TTF, OTF).

font_size

This parameter determines the size of the font used for labeling the images. It allows you to control the readability and appearance of the labels. The font size should be specified in points (pt).

font_color

This parameter specifies the color of the font used for labeling the images. It allows you to customize the appearance of the labels by choosing a specific color. The color should be specified in a format compatible with the drawing library (e.g., RGB tuple).

image_label

This boolean parameter indicates whether labels should be added to the images. If set to True, the node will add labels to the images. If set to False, no labels will be added. This parameter provides control over the presence of labels in the final output.

image1_label

This parameter specifies the label text for the first image. It allows you to add a custom label to the first image, enhancing the clarity and context of the combined image.

image2_label

This parameter specifies the label text for the second image. It allows you to add a custom label to the second image, enhancing the clarity and context of the combined image.

prompt

This optional parameter allows you to provide a prompt or description for the combined image. It can be used to add metadata or context to the final output.

extra_pnginfo

This optional parameter allows you to add extra PNG information to the combined image. It can be used to embed additional metadata or details in the final output.

🐯 YFG Image Side by Side Output Parameters:

combined_image

This parameter represents the final combined image. It is the result of merging image1 and image2 according to the specified mode. The combined image will include any labels and separators as specified by the input parameters. This output is essential for visualizing the result of the node's operation.

ui

This parameter provides a dictionary containing information about the images to be displayed in the user interface. It includes filenames and types of the images, allowing for easy integration with UI components. This output is useful for presenting the results in a user-friendly manner.

🐯 YFG Image Side by Side Usage Tips:

• To create a clear visual comparison, use the "Side by Side" mode and ensure both images have similar dimensions.
• Customize the font and color of the labels to match the theme or style of your project.
• Use the preview parameter to quickly visualize the combined image before generating the final output.
• Experiment with different separator styles to enhance the visual appeal of the combined image.

🐯 YFG Image Side by Side Common Errors and Solutions:

Image size mismatch

• Explanation: This error occurs when the dimensions of image1 and image2 do not match in "Split" mode.
• Solution: Ensure that both images have the same dimensions or use the "Side by Side" mode to avoid this issue.

Invalid font file

• Explanation: This error occurs when the specified font file is not found or is in an incompatible format.
• Solution: Verify that the font file path is correct and that the file is in a compatible format (e.g., TTF, OTF).

Unsupported image format

• Explanation: This error occurs when the input images are in an unsupported format.
• Solution: Convert the images to a supported format (e.g., JPEG, PNG) before using the node.

Missing labels

• Explanation: This error occurs when image_label is set to True but no label text is provided for image1_label or image2_label.
• Solution: Ensure that label text is provided for both image1_label and image2_label if image_label is set to True.