Image watermark Recipe builder

Start from a valid Recipe, change its ordered layers and output settings, then preview the exact Web renderer result.

←Back to all tools

No upload · processing stays in this browser

01

Choose an image

↥Choose an imageUses the built-in sample until you choose a file

02

Recipe JSON

Recipe JSON{ "schemaVersion": 1, "saveFormat": "png", "quality": 92, "watermarks": [ { "type": "text", "text": "© {{filename}}", "alpha": 0.82, "position": { "position": "bottomRight", "X": 36, "Y": 32 }, "style": { "color": "#FFFFFF", "fontSize": 48, "bold": true, "strokeStyle": { "color": "#111827", "width": 2 } } } ] }

Apply recipeDownload recipeCopy integration code

Live result

Result preview

Ready

Need every option and generated code? Open the SDK playground →

Portable, data-driven watermarking

Recipes can contain text templates, ordered text and image layers, conditional visibility, output format, quality, and canvas options. Keep image assets outside the JSON and inject trusted sources at runtime. Imported JSON is validated by the SDK before rendering.