Watermark Image — Reference
Place another image over the loaded processing image.
Place another image over the loaded processing image.
Before you begin
Section titled “Before you begin”- A supported image-processing runtime and a disposable test image. Load the named processing instance before effect, transform or Save steps.
Watermark Image
Section titled “Watermark Image”Place another image over the loaded processing image.
Settings
Section titled “Settings”| Setting | Meaning |
|---|---|
| Image | Select the named Load Image instance available earlier in this action. It is not a filename or an App Connect page component. |
| X | Horizontal placement in the current image. Start with a positive pixel coordinate such as 10. Alignment keywords and percentages have operation-specific semantics. |
| Y | Vertical placement in the current image. Start with a positive pixel coordinate. Text coordinates involve font baseline behavior and differ from a crop rectangle. |
| Image Path | The application-relative server path of the input image file. Use the picker for the active target; a browser URL is not necessarily the same path. |
Worked example
Section titled “Worked example”Load the base image, select a small transparent watermark file, and place it at X 10, Y 10. Save to a new file and inspect the overlay and alpha transparency.
Check the result
Section titled “Check the result”The overlay must fit the intended region. This changes image pixels, not the page’s CSS background or ownership metadata. Node.js queues compositing in Sharp; inspect the final output when combining several overlay operations.
Load, transform and save
Section titled “Load, transform and save”Image Processor operations run on the server. For transformations, use a named Load Image, apply the intended operations to that instance, and Save it to a deliberate path. A page image component will not automatically update just because an in-memory server instance changed. Return or persist the saved path and update the page’s source as needed.
Check your result
Section titled “Check your result”You can configure the selected image operation and inspect a saved result for the intended dimensions or visual effect.