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) ?

  • 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

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.


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.

  • I agree that that is not an universal standard, but advice can help. – Madalina Taina 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. – Kristiyan Lukanov 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.