Watermark

ImageBoss supports adding watermark to your images.


Like any other filter that you can add to your images, ImageBoss also let you do choose a watermark to your images. Just pass the options on the URL as explained below.



Available Options

wmk-path path to the watermark relative to the master image host.

wmk-width width of your watermark.

wmk-position position of your watermark relative to the master image. Options are: north, northeast, east, southeast, south, southwest, west, northwest and center (default).

wmk-pad add a padding to the watermark in case you want to add more space relative to the image corners.

wmk-opacity add opacity to the watermark. Number between 1-100.


Watermark with default position




Watermark with positioning


Using ImageBoss Web Library

<img
    src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
    data-imageboss-src="/examples/02.jpg"
    data-imageboss-operation="width"
    data-imageboss-options="wmk-position:southwest,wmk-path:/emails/[email protected]"
    width="700"
/>

Watermark with padding


Using ImageBoss Web Library

<img
    src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
    data-imageboss-src="/examples/02.jpg"
    data-imageboss-operation="width"
    data-imageboss-options="wmk-pad:10,wmk-position:southwest,wmk-path:/emails/[email protected]"
    width="700"
/>

Watermark with custom size


Using ImageBoss Web Library

<img
    src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
    data-imageboss-src="/examples/02.jpg"
    data-imageboss-operation="width"
    data-imageboss-options="wmk-width:50,wmk-pad:10,wmk-position:southwest,wmk-path:/emails/[email protected]"
    width="700"
/>

Watermark with opacity


Using ImageBoss Web Library

<img
    src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
    data-imageboss-src="/examples/02.jpg"
    data-imageboss-operation="width"
    data-imageboss-options="wmk-opacity:50,wmk-pad:10,wmk-position:southwest,wmk-path:/emails/[email protected]"
    width="700"
/>



Remember: The wmk-path option is relative to the host of your master image.