adding inner border to image

Team Webshop

October 17, 2017 13:12

Hello,

Is there a way to add a border to an image where it doesn't add the border width to the specified image width and height? 

example:

https://res.cloudinary.com/demo/image/upload/c_pad,bo_10px_solid_red,h_600,w_400/sample.jpg

Here the width for example is specified to be 400px, but the rendered width is 420px. Is there a way to avoid this and still use a border?

0

• 

  Roee Ben Ari

  October 19, 2017 07:31 Edited

  Hi, 
  
  

  Assuming that you want an "inner border" (i.e., overlaying border over the outer edge of the image), you can then use something like this:

  https://res.cloudinary.com/demo/image/upload/c_pad,w_400,h_600/c_crop,w_380,h_580/bo_10px_solid_red/sample.jpg

  Otherwise, you can just set smaller dimensions, like this:

  https://res.cloudinary.com/demo/image/upload/c_pad,bo_10px_solid_red,h_580,w_380/sample.jpg

  0
• 

  Tal Lev-Ami

  October 18, 2017 18:12

  If you want to automate the calculations, you can use user defined variables (note pad doesn't support variables yet, so you'll need to repeat that number twice for now):

   

  https://res.cloudinary.com/demo/image/upload/$w_400,$h_600,$pad_10/c_pad,h_$h,w_$w/c_crop,h_$h_sub_2_mul_$pad,w_$w_sub_2_mul_$pad/bo_10px_solid_red/sample.jpg

  0

Post is closed for comments.