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 URI encoded path to the watermark relative to the master image host.

wmk-width width of your watermark.

wmk-scale scales the watermark to a percentage of the base image. Number between 1-100.

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/logo-1@2x.png"
    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/logo-1@2x.png"
    width="700"
/>

Watermark with custom width

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/logo-1@2x.png"
    width="700"
/>

Watermark with relative width

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/logo-1@2x.png"
    width="700"
/>