# Add a logo or watermark on images

**URL:** https://community.linx.software/community/t/add-a-logo-or-watermark-on-images/123
**Category:** How To
**Created:** [February 15, 2017, 8:12am UTC](https://community.linx.software/community/t/add-a-logo-or-watermark-on-images/123 "2017-02-15T08:12:20Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![Dawie\_Botes](https://community.linx.software/community/user_avatar/community.linx.software/dawie_botes/32/288_2.png) [@Dawie\_Botes](https://community.linx.software/community/u/Dawie_Botes)
#### Post date: [February 15, 2017, 8:12am UTC](https://community.linx.software/community/t/add-a-logo-or-watermark-on-images/123/1 "2017-02-15T08:12:20Z")

</div>

Linx 5 has got a great component called “ **GraphicsMagick** ” which gives you a lot of different options to work with images, right there within the process. One example where I’ve used this is to add a logo on top of an image as soon as its uploaded via a Website.

 **Sample built with Linx5.**   
  
 Feel free to contact support@linx.software and we'll assist. 
The process looks like this:

![](https://community.linx.software/uploads/default/original/1X/a075c1f4c3b49f786446ea06fcce8c1618bfba3b.png)

I am using 2 instances of the **GraphicsMagick** component.

**AddSpaceAbove:**

For my example I did not want the Logo to show on top of the image, so I used the Transform function of GraphicsMagick to add a border of 50 pixels on top and below my image:

![](https://community.linx.software/uploads/default/original/1X/b85b973ad1887ce8fa405afbb0453caabbe83dd2.png)

And inside Transform I’ve added a border:

 ![](https://community.linx.software/uploads/default/original/1X/58f0f1702e947bac11a8f0a95ffefa88a3524cab.png)

Now my image is ready to receive the logo, so my next instance is called “ **AddWaterMark** ”:

 ![](https://community.linx.software/uploads/default/original/1X/30aa6439b3dc7a50df179fa5ccc62878b05ba091.png)

I’m using the “Composite” operation with the “Multiply” Merge operation. The Base image path is my logo and the Overlay image is the one that got uploaded.

That’s it. Now whenever I upload an image into the specific folder, it automatically adds a logo to it:

**_Original Uploaded Image:_**

![](https://community.linx.software/uploads/default/original/1X/b43b8e452a2887e6f096a236e63bae382d1c94e6.png)

**_Changed Image:_**

![](https://community.linx.software/uploads/default/original/1X/11ea92ce8ca9e4ef9586f12af65d3c4a031e115b.png)