Grayscale Effect — Reference
Remove color from the loaded image using the backend’s grayscale conversion.
Remove color from the loaded image using the backend’s grayscale conversion.
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.
Grayscale Effect
Section titled “Grayscale Effect”Remove color from the loaded image using the backend’s grayscale conversion.
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. |
Worked example
Section titled “Worked example”Apply Grayscale to a colored test image and save a copy. Confirm that its colors are represented by gray tones while the dimensions remain appropriate.
Check the result
Section titled “Check the result”This changes the image pixels. It is different from a CSS filter and does not require a new image path until Save writes the processed instance.
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.