Image Overlay
Adds an image overlay to the image.
Url Basic Parameters
https://p.cloudimg.co/{customer-token}/?http://www.my-website.cc/chicago2.jpg&ovrImg=http://www.my-website.cc/logo.png
Allowed Values
| Property | Allowed Values |
| ovrImg- | The URL of overlay image, MUST be in query string. |
| ovrSize- | Integer Number for width only. |
| ovrPosition- | TopLeft | TopRight | BottomRight | BottomLeft | center (Default) |
| ovrPadding- | Integer Number for Padding. |
| ovrOpacity- | Integer Number for opacity. |
Original Image
http://www.my-website.cc/chicago2.jpg
Adding an overlay image.
https://p.cloudimg.co/t-DEMO/?http://www.my-website.cc/chicago2.jpg&ovrImg=http://www.my-website.cc/logo.png
Adding an overlay image and resize it to 100px width
https://p.cloudimg.co/t-DEMO/ovrSize-100/?http://www.my-website.cc/chicago2.jpg&ovrImg=http://www.my-website.cc/logo.png
Adding an overlay image, resize it to 100px width and set the position to TopRight
https://p.cloudimg.co/t-DEMO/ovrSize-100/ovrPosition-TopRight/?http://www.my-website.cc/chicago2.jpg&ovrImg=http://www.my-website.cc/logo.png
Adding an overlay image, resize it to 100px width, set the position to TopRight and add 10px padding
https://p.cloudimg.co/t-DEMO/ovrSize-100/ovrPosition-TopRight/ovrPadding-10/?http://www.my-website.cc/chicago2.jpg&ovrImg=http://www.my-website.cc/logo.png
Adding an overlay image, resize it to 100px width, set the position to TopRight, add 10px padding and set the opacity to 50%
https://p.cloudimg.co/t-DEMO/ovrSize-100/ovrPosition-TopRight/ovrPadding-10/ovrOpacity-50/?http://www.my-website.cc/chicago2.jpg&ovrImg=http://www.my-website.cc/logo.png
