How do I get multiple background images
Is there any way to get multiple background images? Like the top half of the image is a specific color and the bottom half another specific color? Like in this image jQPIeGG.png (498×401) (imgur.com)
-
Hi Divyansh,
You can do it by using some of the images that are already uploaded into your Media Library account and performing the overlay feature: https://cloudinary.com/documentation/layers#image_overlays.
And you can further manipulate the images based on your specifications by applying one of the transformations: https://cloudinary.com/documentation/transformation_reference
For example, using the following images that are available in our Cloudinary demo account:
https://res.cloudinary.com/demo/image/upload/face_center.jpg
https://res.cloudinary.com/demo/image/upload/sample_watermark.png
The simple overlay can be done using the following delivery URL:
https://res.cloudinary.com/demo/image/upload/l_sample_watermark/face_center.jpg
You can downsize the watermark and position it arbitrarily by using the 'gravity', 'x', and 'y' transformation parameters. For example, the following URL adds an 80-px. wide watermark 5 px. from the bottom-right corner of an uploaded image that is resized to fill a 300x200-rectangle based on the face-detection capability. And to get the final delivery URL, it will as:
https://res.cloudinary.com/demo/image/upload/w_300,h_200,g_face,c_fill/w_80,g_south_east,x_5,y_5,l_sample_watermark/face_center.jpgWhere the transformation for containing the image will be:
https://res.cloudinary.com/demo/image/upload/w_300,h_200,g_face,c_fill/<...>/face_center.jpg
and for the overlay image will be:
<...>/w_80,g_south_east,x_5,y_5,l_sample_watermark/<...>
Lastly, you can also add a text overlay as described in this link: https://cloudinary.com/documentation/text_overlay_tutorial
Hope this helps.
Please sign in to leave a comment.
Comments
1 comment