How can I know which is the best picture size of the products on a website

Question

1.00/5 (2 votes)

See more:

I need to establish the right dimensions of the pictures that will be uploaded on a website and i don't know how can i find out which are the best dimensions.
The picture area in the catalog page is 170x170 and te detailes page is 310x310.
If i upload the pictures in 500x500 it is ok or it would be better 1000x1000?

Is there a way that i can find out this?

Thanks

What I have tried:

i inspected the photo code but all the images have different dimensions

Posted 23-Dec-16 3:36am

Member 12919363

Updated 23-Dec-16 5:25am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

OriginalGriff · Answer 1 · 2016-12-23T05:25:00

This isn't really a development question: it's a "user experience" question.
But...if you look at most sales websites (and Amazon is a good example) then the catalog image is 160x160, the page thumbnail is 300 x 300, and the "click to enlarge" image is 1500x1500 (this is for one product, others will be different depending on the item shape).

And that appears to work, without taking up too much screen real estate, or bandwidth.
You want small catalog images (so a lot will load quickly), larger "on page" images (so the user gets a better idea), and a high res "on click" image so the user can see all the details. It's entirely possible that Amazon keeps just one size and re-scales on the fly to produce the smaller versions, I don't know. I probably wouldn't, but they may have processing power to spare that I don't.

This assumes that your products are worth looking at in high detail - if they look rubbish when you look close, then you probably don't want big pictures! :laugh: