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 :)
    – vphilipnyc
    Oct 6 '16 at 5:28
  • Any rationale behind that ? apart from it being golden ratio.
    – Vatsal
    Oct 6 '16 at 5:30
  • Do these products need to be displayed with equal weighting?
    – vphilipnyc
    Oct 6 '16 at 5:33
  • Yes, In a sense they belong to same collection
    – Vatsal
    Oct 6 '16 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)
    – vphilipnyc
    Oct 6 '16 at 5:37
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. Oct 6 '16 at 11:04
  • The advice is to stick to the website/app template and add support for various image aspect ratios. Edited the post. Oct 6 '16 at 11:18
  • 1
    I am creating the template :) although thanks for the advice.
    – Vatsal
    Oct 7 '16 at 7:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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