LogoLogo
BlogHelp CenterPrivacyLoginRegister
  • Let's optimize your images
  • Transformations
    • Input formats
    • Image operations
      • Width and height
      • Prevent enlargement
      • Crop
        • Automatic gravity crop
        • Positionable crop
        • Focal point crop
        • Face crop
        • Face hide
        • Aspect ratio crop
      • Fit
      • Cropfit
      • Bound
      • Boundmin
      • Cover
      • Device pixel ratio
      • Flip
      • Rotate
      • Trim
      • Rounded corners
      • Background removal
    • Image filters
      • Adjustment
        • Brightness
        • Contrast
        • Saturate
      • Color manipulation
        • Color overlay
        • Grayscale
        • Duotone
        • Sepia
        • Invert
      • Blur
      • Pixelate
      • Sharpen
      • Face blur
    • Image watermarking
      • Static watermark
      • Dynamic watermark
      • Text watermark
        • Text watermark fonts
    • Image compression
      • Image formats
      • Optipress
      • SVG compression
      • Color management
    • Static content
      • PDF to image
      • JS/CSS optimization
    • Video operations
  • Setup
    • Shortening URLs
      • Origin URL prefix
      • Aliases
      • Presets
      • Rules
    • Connecting storage bucket
      • Amazon S3
      • Google Cloud Storage
      • Microsoft Azure Blob
      • Basic authentication HTTP
    • Security
      • Token security
        • Domain whitelisting
        • URL signature
        • URL sealing
      • Account security
      • Origin security
  • Implementation
    • URL API implementation
    • Responsive images JS plugin
    • CMS plugins
      • Spryker
      • Drupal
      • Kontent.ai
      • Contentful
      • Adobe Commerce (Magento)
        • Basic implementation
        • Advanced implementation
      • Opencart
      • Prestashop
        • Prestashop tutorial
      • Shopware
      • Sylius
      • Wordpress
      • Shopify tutorial
        • Shopify integration
        • Theme files
        • FAQ
      • Commercetools tutorial
      • Ruby wrapper
    • Migrating from another image CDN
  • Caching and acceleration
    • CDN basics
    • Caching interval
    • Invalidation API
    • Warmup API
  • Analytics
    • Dashboards
      • Overview
      • Volumetry
      • Optimization
      • Delivery
      • Top-Ranking
      • RUM
      • Logs API
  • Cloudimage_v6 EOL
Powered by GitBook
LogoLogo

Resources

  • Help center
  • Contact support
  • Developers
  • cloudimage.io

Solutions

  • Media optimization
  • DAM
  • Performance report

Company

  • Blog
  • Service status
  • About us

Legal stuff

  • Terms & conditions
  • Privacy center
  • DMCA

Copyright © 2023 Scaleflex

On this page
  • Step 1. Upload your watermark
  • Step 2. Start watermarking!
  • Available parameters
  • Examples

Was this helpful?

Export as PDF
  1. Transformations
  2. Image watermarking

Static watermark

Statically defined image overlay

PreviousImage watermarkingNextDynamic watermark

Last updated 10 months ago

Was this helpful?

This function will watermark selected images with the same watermark - an image set in the Cloudimage admin console. This is useful for placing your company logo, name, or other copyright information. If you would like to watermark different images with different watermarks, please refer to the Dynamic watermark section.

Step 1. Upload your watermark

Log in to your Cloudimage admin console, navigate to Image Settings / Watermark, and upload your default watermark using the uploader.

Step 2. Start watermarking!

Available parameters

Parameter
Syntax
Description

use watermark

wat=1

(required) Activates the watermark function

watermark gravity

wat_gravity=X X=[north|south][east|west]|center| absolute|relative

Defines the position to "anchor" the watermark to

watermark scaling (relative to original watermark size)

wat_scale=X X=0..100

Watermark image scaling defined in in percent of the watermark dimensions

watermark scaling (relative to output image size)

wat_scale=Xp X=0..100p

Watermark image scaling defined in in percent of the output image dimensions

watermark padding

wat_pad=X[p][,Y[p]] X/Y=0..100[p]

Adds padding from the anchoring point in pixels (X) or in percent (Xp)

watermark positon

wat_pos=X[,Y]

sets the position in percent from the resized image; works only with wat_gravity=absolute and wat_gravity=relative

watermark opacity

wat_opacity=X X=0..1

Defines watermark opacity

Use watermark

To activate the watermark function, you need to include the wat=1 parameter.

Watermark gravity

The wat_gravity parameter allows you to define the position of the watermark. You can choose between "fixed" anchor points (east, northeast, north, northwest, west, southwest, south, southeast, and center) or define the exact position (relative, absolute).

When using "compass" point gravity, the wat_pad parameter defines the offset from the chosen position. The padding can be defined in pixels (wat_pad=X[,Y]) or in percent of output size (wat_pad=Xp[,Yp]). The padding is applied after scaling the final image and then it is compressed (see Compression) and delivered via CDN.

To set the exact position of the watermark, you can choose absolute or relative gravity and use the wat_pos parameter to define the position of the top left or center point of the watermark, respectively. The position is always defined in percent of the resized image dimensions.

Watermark size

The watermark can be scaled relative to the original watermark image (wat_scale=X) or relative to the output image (wat_scale=Xp).

To keep the watermark-to-image proportions for all image resizes, you should use the wat_scale=Xp.

Please note that the watermark cannot be larger than the image - if larger, it is always scaled down first to match the image dimensions. Then, the wat_scale parameter values are applied.

Examples

Preview
Syntax

Absolute positioning - the top left corner of the watermark is position at 7% and 5% of the image width and height, respectively:

Watermark scaled down to 45% of its original size (1178px), results in 530px watermark:

Watermark scaled relative to the output image dimensions (618px watermark):

/sample.li/earth1.jpg?w=400&h=240&wat=1&wat_scale=30&wat_gravity=northwest&wat_pad=10,8
/sample.li/boat.jpg?w=400&wat=1&wat_scale=80&wat_gravity=center&wat_opacity=0.2
/sample.li/ny_doc.jpg?w=400&wat=1&wat_scale=45&wat_gravity=north&wat_pad=0p,5p
/sample.li/tesla.jpg?w=1400&wat=1&wat_gravity=southwest&wat_scale=45&wat_pad=15
/sample.li/tesla.jpg?w=1400&wat=1&wat_gravity=southwest&wat_scale=45p&wat_pad=15
/sample.li/earth1.jpg?w=400&h=240&wat=1&wat_scale=30&wat_gravity=absolute&wat_pos=7,5