How do I get multiple background images

Follow

Divyansh

• December 01, 2021 11:19

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)

0

• 

  Eric Pasos

  • December 02, 2021 05:22
  • Edited

  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.jpg 

  Where 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.

   

  0

  Comment actions Permalink

Please sign in to leave a comment.