What size pictures should I use for a website?

Blitz · 09-27-2008, 09:04 PM

I am going to download some pictures from Dreamstime.com for my website and they give too many options. They range from extra small to extra large with varying pixel sizes and dpi. Any one I download will most likely need to be resized. Does one load slower or faster, or more clearer. Which one should I choose and why?

Extra small is 480x320 pixels / 6.7" x 4.4" @72 dpi

Medium is 2121x1414 pixels / 7.1" x 4.7" @300 dpi

Thanks for any answers - Bob

sjkstone · 09-27-2008, 10:32 PM

Don't use any photos that are too big for loading issues. It also depends on what you are using the pics for.
If you want people to view the full size photos, then use the extra small for a thumbnail and anchor it to open the full size in a new window.

Thanks
Steve

nasaboy007 · 09-27-2008, 11:10 PM

The higher the pixels and higher the dpi, the larger the file will be (meaning the longer it will take to load and slower it will be).

if you want the user to see the high quality versions, get the medium size, but use thumbnails so that users can individually click on them to load it.

Blitz · 09-28-2008, 07:24 AM

Thanks nasaboy007 and sjkstone. rep added. I suppose I could also try one picture of each size and experiment. - Bob

sunken · 10-13-2008, 03:10 PM

The web only shows 72DPI, so you might want to consider that when putting up the larger pictures, as they will be a lot bigger in size with the higher DPI, unless you are specifically letting people download them to print.

rmxy · 10-15-2008, 05:07 AM

Larger file means taking more and more time to download. In many countries people are using limited connectivity or slow internet as well. So you should consider all the relevant details and factors before selecting the size of photos.

amnetservices · 10-17-2008, 01:34 PM

Originally Posted by sjkstone

Don't use any photos that are too big for loading issues. It also depends on what you are using the pics for.
If you want people to view the full size photos, then use the extra small for a thumbnail and anchor it to open the full size in a new window.

What is the general rule for size? I'm not sure what would be too big or too small, as I can only view it from my own browser.

AussieDomainer · 10-17-2008, 08:54 PM

I have stuck to under 100kb per picture and under 500kb in pictures per page. Eg. if you have 3 pictures on your page try and stick to less than 100kb per pic while if you have 10 pictures on your page try to stick to under 50kb per pic (average). I'm sure others will have other ideas but this is what has worked well for me in keeping pages loading relatively fast.

tcxy · 10-21-2008, 10:13 AM

Just go as per the space available and it should look like photo as the part of your contain not photo is your contain only.

09-27-2008, 09:04 PM	THREAD STARTER #1 (permalink)
Blitz Senior Member Join Date: Mar 2006 Location: USA Posts: 1,414	What size pictures should I use for a website? I am going to download some pictures from Dreamstime.com for my website and they give too many options. They range from extra small to extra large with varying pixel sizes and dpi. Any one I download will most likely need to be resized. Does one load slower or faster, or more clearer. Which one should I choose and why? Extra small is 480x320 pixels / 6.7" x 4.4" @72 dpi Medium is 2121x1414 pixels / 7.1" x 4.7" @300 dpi Thanks for any answers - Bob

09-27-2008, 10:32 PM	#2 (permalink)
sjkstone New Member Join Date: Sep 2008 Location: Florida Posts: 7	Don't use any photos that are too big for loading issues. It also depends on what you are using the pics for. If you want people to view the full size photos, then use the extra small for a thumbnail and anchor it to open the full size in a new window. Thanks Steve Kath-And-Kim.com \| Dufed.com

09-27-2008, 11:10 PM	#3 (permalink)
nasaboy007 Senior Member Join Date: Jul 2005 Location: NJ Posts: 1,207	The higher the pixels and higher the dpi, the larger the file will be (meaning the longer it will take to load and slower it will be). if you want the user to see the high quality versions, get the medium size, but use thumbnails so that users can individually click on them to load it. Hacksar.com - Your source for random computer tips and tricks! MySiteMemberships.com - Keep track of your site registration information! Like my post? Rep is appreciated!

10-13-2008, 03:10 PM	#5 (permalink)
sunken Senior Member Join Date: Oct 2004 Location: New Jersey Posts: 2,275	The web only shows 72DPI, so you might want to consider that when putting up the larger pictures, as they will be a lot bigger in size with the higher DPI, unless you are specifically letting people download them to print. juegos juegos \| Your Hotel in Austria psicologo valencia

10-15-2008, 05:07 AM	#6 (permalink)
rmxy New Member Join Date: Oct 2008 Posts: 6	Larger file means taking more and more time to download. In many countries people are using limited connectivity or slow internet as well. So you should consider all the relevant details and factors before selecting the size of photos. PPC Classroom 2=#Money Siphon System

09-28-2008, 07:24 AM	THREAD STARTER #4 (permalink)
Blitz Senior Member Join Date: Mar 2006 Location: USA Posts: 1,414	Thanks nasaboy007 and sjkstone. rep added. I suppose I could also try one picture of each size and experiment. - Bob

10-17-2008, 08:54 PM	#8 (permalink)
AussieDomainer Senior Member Join Date: May 2006 Location: Brisbane, Australia Posts: 2,637	I have stuck to under 100kb per picture and under 500kb in pictures per page. Eg. if you have 3 pictures on your page try and stick to less than 100kb per pic while if you have 10 pictures on your page try to stick to under 50kb per pic (average). I'm sure others will have other ideas but this is what has worked well for me in keeping pages loading relatively fast. Cricket Rules Diesel Generator Engine Car Window Tinting Facts About Australia

10-21-2008, 10:13 AM	#9 (permalink)
tcxy New Member Join Date: Oct 2008 Posts: 5	Just go as per the space available and it should look like photo as the part of your contain not photo is your contain only. Wholesale Replica Handbags :: Replica Chanel Handbags :: Replica Gucci Handbags

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)