Resize image to a smaller size than the full canvas

Follow

Dennis Cassøe

• June 07, 2018 11:55

 I can not figure the following out, so hopefully someone can help.

I have for example an image that is 600*300 in size. I wish to make a new version of that image where the end image is to be 450*300 but where the top  pixels are to be kept empty and the image is then to be inserted below.

Like the following example

How can this be done?

0

• 

  Shirly Manor

  • June 07, 2018 20:43

  In order to use padding with image, you can add padding.

  For example:

  http://res.cloudinary.com/demo/image/upload/w_300,h_600,c_lpad,g_south,b_gray/face_center.jpg

  After the padding, you can change the padding background color.

  Please let me know if that answered your question.

  0

  Comment actions Permalink
• 

  Dennis Cassøe

  • June 07, 2018 20:54

  Thank you, I now see my example wasn't fully optimal to illustrate my problem, though the solution you describe solves the one shown on the image :) So thank you very much for that.

  Can you solve the one below. The image is scaled down on both width and height and then placed either on a larger canvas.

  

   

  0

  Comment actions Permalink
• 

  Shirly Manor

  • June 11, 2018 22:03

  Hi Dennis,

  In order to change the size of the image and then use a larger image/background. you can use chain transformation.

  For example in this case:

  http://res.cloudinary.com/demo/image/upload/w_150,c_fill/w_300,h_600,c_lpad,g_south,b_gray/face_center.jpg

  Please let me know if that answered your question,

  0

  Comment actions Permalink

Please sign in to leave a comment.