Which resolution is best for web?

Gordon Powell wrote:

Greetings,

I am authoring an online course but am new to web graphics and saving work for the Internet.

What is the ‘best practices’ jpeg resolution that will work best? Is 72 dpi to low? Is 300 dpi too much of an overkill?

Also, what file size should I strive for when doing work in Photoshop?
Any words of wisdom out there?

Many thanks (in advance)!

Gordon Powell

When working on the web, work in pixels or percentages (for layout). DPI is not relevant for screen design, as it’s not something that can be measured. 72dpi on YOUR machine will NOT be 72dpi on my machine. Dots Per Inch is a physical measurement, whereas resolutions (the size in pixel, or number of dots if you like) are completely unknown.

This screen I’m on now is 1280×1024 and 19" from corner to corner. The one on the server next to me is 1280×1024 by 15". My partners machine is 1280×1024 and 17". Each one has a totally different DPI in physical terms, but as far as "images a the browser", they’re all the same.

—

x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #

"SpaceGirl" wrote in message

Gordon Powell wrote:

Greetings,

I am authoring an online course but am new to web graphics and saving work for the Internet.

What is the ‘best practices’ jpeg resolution that will work best? Is 72 dpi to low? Is 300 dpi too much of an overkill?

Also, what file size should I strive for when doing work in Photoshop?
Any words of wisdom out there?

Many thanks (in advance)!

Gordon Powell

When working on the web, work in pixels or percentages (for layout). DPI is not relevant for screen design, as it’s not something that can be measured. 72dpi on YOUR machine will NOT be 72dpi on my machine. Dots Per Inch is a physical measurement, whereas resolutions (the size in pixel, or number of dots if you like) are completely unknown.

This screen I’m on now is 1280×1024 and 19" from corner to corner. The one on the server next to me is 1280×1024 by 15". My partners machine is 1280×1024 and 17". Each one has a totally different DPI in physical terms, but as far as "images a the browser", they’re all the same.
—

x theSpaceGirl (miranda)

# lead designer @ http://www.dhnewmedia.com #
# remove NO SPAM to email, or use form on website #

perfect explanation from spacegirl… but yes, 72 dpi is standard as an answer to your question –
most monitors are close to 72 or 96, depending how they are set… (someone correct me if I am wrong here)

300 dpi would be overkill for sure.

to see what spacegirl means, look at any web page, change your monitor resolution, and look again.

—
Michael Evangelista
Southern Utah Web Design
www.suwebs.com

OK. I’ll to save all photos at 72 -96dpi.

Having done that, (here’s another question)…what file size should I strive for? Obviously, huge files take longer to load. Is there a file size ‘target’ out there in ‘best practices land?’

Thanks again.

"Gordon Powell" wrote in message

Greetings,

I am authoring an online course but am new to web graphics and saving work for the Internet.

What is the ‘best practices’ jpeg resolution that will work best? Is 72 dpi to low? Is 300 dpi too much of an overkill?

Also, what file size should I strive for when doing work in Photoshop?
Any words of wisdom out there?

Many thanks (in advance)!

Gordon Powell

smaller is better – use file>save for web and choose the smallest setting / filesize that still looks decent.

use jpg for photographic stuff, gif for solid colors.
play with it and you will see…

—
Michael Evangelista
Southern Utah Web Design
www.suwebs.com
—

"Gordon Powell" wrote in message

OK. I’ll to save all photos at 72 -96dpi.

Having done that, (here’s another question)…what file size should I strive for? Obviously, huge files take longer to load. Is there a file size ‘target’ out there in ‘best practices land?’

Thanks again.

"Gordon Powell" wrote in message

Greetings,

I am authoring an online course but am new to web graphics and saving work for the Internet.

What is the ‘best practices’ jpeg resolution that will work best? Is 72 dpi to low? Is 300 dpi too much of an overkill?

Also, what file size should I strive for when doing work in Photoshop?
Any words of wisdom out there?

Many thanks (in advance)!

Gordon Powell

72dpi is standard for the web.Like the man said,take that 72dpi image and do a save for the web and see what PS settings make the image look good. It may turn out to be a jpg or a gif depending upon the subject matter.