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
  • Available parameters
  • Examples

Was this helpful?

Export as PDF
  1. Transformations
  2. Image watermarking

Dynamic watermark

Dynamic (defined in URL) image overlay

PreviousStatic watermarkNextText watermark

Last updated 10 months ago

Was this helpful?

The dynamic watermark function allows you to specify the watermark image in the Cloudimage URL. This way, different watermarks can be used with different images.

Available parameters

Parameter
Syntax
Description

use watermark

wat=1

(required) Activates the watermark function

watermark URL

wat_url=X

(required) The URL of the watermark image. Can be URL-encoded

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 position

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

Examples

Preview
Syntax

/sample.li/voyage-louis-vuitton.jpg?w=600&wat=1&wat_url=http://sample.li/louis-vuitton-logo-white.png&wat_scale=45&wat_gravity=southeast&wat_pad=15