Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos.

Some shoot products photos up close and others from far back. This prevents the category pages from looking uniform.

As an example (both are 250 x 250):

Versus:

Is my only option using a bigger size for the smaller photos?

share|improve this question
1  
Hi, welcome to the community. As it stands this question is very broad. To give you a basic answer: No, of course thats not your only option. There's a lot of options for this, which is why the possibility for an answer is very broad. If you provide us with a bit more context, what you've tried, and what you dislike about your attempt than we can help you solve it. –  Ryan Jul 22 at 16:00
2  
Crop the photos or resize them to match. –  Scott Jul 22 at 16:02
    
The problem with resizing is that some vendors provide lower resolution images (e.g. 750 x 750 whereas we need at least 1500 x 1500) so it's not always an option. –  Bitter Jul 22 at 16:05

2 Answers 2

up vote 3 down vote accepted

This seems like a simple matter of a two step workflow.

  1. Crop all images to allow the same amount of white space around the product.
  2. Resize the images after the crop so they are all the same size.

That should get all the images the same.

enter image description here enter image description here

(These are smaller because I only had your 250x250 images to work with)

share|improve this answer
    
It can be that simple, depending on how much consistency the OP wants. –  user Jul 22 at 16:11
    
I think this will work best, thanks! But I'm still unsure of how to deal with images that are too small to match the minimum resolution (1500 x 1500). I assume there is nothing I can do in that case? –  Bitter Jul 22 at 16:14
    
Not really, other than A) Enlarge them [which may be okay in some case] or B) request better images. –  Scott Jul 22 at 16:16
    
@Bitter You could enlarge the smallest and worst picture as much as possible and then use that as a lowest common denominator; give all images the same amount of whitespace as that image. –  user Jul 22 at 16:18
1  
@MrE.Upvoter, Scott: Thank you both! I think the lowest common denominator approach will suit me best since requesting better images/enlarging them isn't always an option. P.S. I tried upvoting your answer but don't have enough reputation! –  Bitter Jul 22 at 16:22

Set some standards based on the limitations of the images you're working with

As discussed in the comments on Scott's answer, a good option is to choose your smallest image, enlarge it as much as possible without visible quality degradation, and then use the same amount of white-space available in that image as the benchmark for all other images.

Set a standard for both portrait and landscape images

In the examples you've given us, there is one mildly landscape image, and one heavily portrait image. After a little bit of thought, my best advice is to set-up a canvas upon which all images will be adjusted. Make this canvas as wide and tall as an image is allowed to be, without white-space, like so:

Use Save for Web... on each of the images, resulting in:

enter image description hereenter image description here

Then finally, pop each one into a ready made template with guides, and Save for Web... again like so:

enter image description here

Finished Products:

enter image description hereenter image description here

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.