ComfyUI Node: LayerUtility: XY to Percent

LayerUtility: XY to Percent:

The LayerUtility: XY to Percent node is designed to convert pixel coordinates (x, y) of a layer image into percentage values relative to a background image. This conversion is particularly useful when you need to position elements dynamically or proportionally within a canvas, ensuring that the placement remains consistent regardless of the canvas size. By transforming absolute pixel values into percentages, this node helps maintain the relative positioning of elements, which is essential for responsive design and layout adjustments in AI art projects.

LayerUtility: XY to Percent Input Parameters:

background_image

The background_image parameter expects an image input that serves as the reference canvas for the percentage calculations. This image provides the dimensions against which the x and y coordinates of the layer image will be compared.

layer_image

The layer_image parameter requires an image input that represents the layer whose x and y coordinates will be converted to percentages. This image's dimensions are used to adjust the coordinates before converting them to percentage values.

x

The x parameter is an integer input representing the x-coordinate of the layer image in pixels. This value is adjusted by half the width of the layer image and then converted to a percentage of the background image's width. The default value is 0, with a minimum of -99999 and a maximum of 99999.

y

The y parameter is an integer input representing the y-coordinate of the layer image in pixels. This value is adjusted by half the height of the layer image and then converted to a percentage of the background image's height. The default value is 0, with a minimum of -99999 and a maximum of 99999.

LayerUtility: XY to Percent Output Parameters:

x_percent

The x_percent output is a float value representing the x-coordinate of the layer image as a percentage of the background image's width. This value helps in maintaining the relative horizontal positioning of the layer image within the background image.

y_percent

The y_percent output is a float value representing the y-coordinate of the layer image as a percentage of the background image's height. This value helps in maintaining the relative vertical positioning of the layer image within the background image.

LayerUtility: XY to Percent Usage Tips:

• Ensure that both the background_image and layer_image are correctly loaded and have the appropriate dimensions to get accurate percentage values.
• Use this node to maintain consistent positioning of elements when resizing the canvas or creating responsive designs.
• Adjust the x and y parameters to fine-tune the positioning of the layer image within the background image.

LayerUtility: XY to Percent Common Errors and Solutions:

Image loading error

• Explanation: This error occurs when the background_image or layer_image is not properly loaded or is missing.
• Solution: Verify that both images are correctly loaded and accessible before running the node.

Invalid coordinate values

• Explanation: This error happens when the x or y coordinates are outside the acceptable range.
• Solution: Ensure that the x and y values are within the specified range of -99999 to 99999.

Division by zero

• Explanation: This error can occur if the background_image has a width or height of zero.
• Solution: Check that the background_image has valid dimensions greater than zero.