1

I need to fit in about 8 Product icons on a single screen on a product listing page, What is the ideal aspect ratio for product images? The product are from apparel industry. Also how many Items should be there in a row (3 or 4) ?

9
  • 1
    1.61803398875 :) Commented Oct 6, 2016 at 5:28
  • Any rationale behind that ? apart from it being golden ratio.
    – Vatsal
    Commented Oct 6, 2016 at 5:30
  • Do these products need to be displayed with equal weighting? Commented Oct 6, 2016 at 5:33
  • Yes, In a sense they belong to same collection
    – Vatsal
    Commented Oct 6, 2016 at 5:34
  • Sounds like you'd have some asymmetry if you went with 3, right? Unless you did a carousel? (which it doesn't sound like you want) Commented Oct 6, 2016 at 5:37

2 Answers 2

1

I suggest you respect the grid you have on the page. You can make the images fit into their containers.

For mobile, you can use a column (with a 100% width image) on the row, for tablet two, for medium screens, four and six for extra large screens. This is just an example, I'm sure you already have a grid you use.

1

There is no such thing as ideal aspect ratio of images.

Users don't judge your products based on their image aspect ratio. The contents of the image are much more important. Product images should show comprehensive detail of the products, in order to be effective.

The image aspect ratio should comply with the template and the look and feel of your website/app. Your interface should support different image aspect ratios.

3
  • I agree that that is not an universal standard, but advice can help. Commented Oct 6, 2016 at 11:04
  • The advice is to stick to the website/app template and add support for various image aspect ratios. Edited the post. Commented Oct 6, 2016 at 11:18
  • 1
    I am creating the template :) although thanks for the advice.
    – Vatsal
    Commented Oct 7, 2016 at 7:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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