# Add Images

This function block is designed to perform addition on two input images without any weighting. It effectively combines the pixel values of both images to create a new image.

## 📥 Inputs <a href="#inputs" id="inputs"></a>

`Image Any` The first image to be added.

`Image Any` The second image to be added.

## 📤 Outputs <a href="#outputs" id="outputs"></a>

`Image Any` The resultant image obtained by adding the pixel values of both input images.

## 🎨 Features <a href="#features" id="features"></a>

`Simple Addition` Combines pixel values from two images straightforwardly, allowing for quick image manipulation.

`Pixel Value Clipping` Ensures that pixel values remain within the valid range of 0-255 to prevent overflow and maintain image integrity.

## 📝 Usage Instructions <a href="#usage" id="usage"></a>

1. **Connect Images**: Link two image sources (e.g., from `Load Image`, `Show Image`, or any other image-producing node) to the two input sockets.
2. **Run the Block**: After connecting the images, execute the block to see the combined result.

## 📊 Evaluation <a href="#evaluation" id="evaluation"></a>

Upon running, this function block will add the two input images together and produce a new image as output, effectively merging both images based on their pixel values.

## 💡 Tips and Tricks <a href="#tips-and-tricks" id="tips-and-tricks"></a>

<details>

<summary>Using Images of Different Sizes</summary>

If the two input images have different dimensions, consider using the `Image Resizer` block to match their sizes before using this function block. This will help avoid unexpected results.

</details>

<details>

<summary>Combining with Other Operations</summary>

You can first apply filters like `Blur` or `Denoising` to the images before adding them to enhance the final result.

</details>

<details>

<summary>Understanding Output Brightness</summary>

If the output appears brighter than expected, it is because the addition operation increases pixel values. You may want to adjust one of the input images' brightness before using this block.

</details>

## 🛠️ Troubleshooting <a href="#troubleshooting" id="troubleshooting"></a>

<details>

<summary>Dark Output Image</summary>

If the resultant image appears too dark, ensure that you're not adding overly dark images together. Adjust the brightness of one or both images using a suitable image adjustment function before addition.

</details>

<details>

<summary>Output Pixel Clipping</summary>

The function ensures pixel values are clipped to remain within the 0-255 range. If you feel the image quality is affected, consider using `Add Images Weighted` to control blending better with specified weights for each image.

</details>
