How do I resize white background product images for use on my website using photoshop?

  • 2
  • Question
  • Updated 2 years ago
how do I resize white cut out product images in photoshop to 1000px x 600px and 72dpi and RGB in colour in png format, with padding around the image so the product is not touching the edges 
Photo of Rachel Bates

Rachel Bates

  • 1 Post
  • 0 Reply Likes
  • anxious as I need to resize these images by the end of the day, Please can someone give me an easy step by step guide to do this? thank you, Rachel x

Posted 2 years ago

  • 2
Photo of Phil Pool

Phil Pool

  • 18 Posts
  • 0 Reply Likes
Go to Image/Canvas size. When there, add your 'padding' around with whatever amount you want. If you leave the default, it will put the width and size you specify. If you want the same relative amount around the entire image, check the 'relative' box and you'll get the same amount amount your image.

Unless you did a cutout of your product, your white won't be exact if you select the new expanded blank area and fill with white. I'd recommend selecting all the new blank are you just created and then go to Edit/fill. When you get the dialog box, make sure to check,  'Content Aware' under the 'Contents' pull-down:

This will look at your 'white' background and fill it with the same shade of white! Make sure however you use your 'selection' tool, a '0' feather is usually the best. If you don't, you'll have to clone over the slight edge you will have around your object. If your background in your original almost touches your object, you might have to do a bit of clean up, because the 'content aware' fill will take part of your object and paste it in where you expanded and filled the new expanded background. 

I know this sounds like a lot, but once you've done it a few times, it really becomes second nature AND there's so many other ways to do the same thing! Hope this helps.