CloudImg.co (Documentations)

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. Height will be adjusted accordingly.
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

Image Overlay

Adds an image overlay to the image.