resolution of graphics on websites

N

N.Coffey

I resize my photos to a resolution of 72-80 ppi for web use, to
minimize the size of the files. Is this what most people are doing, or
should I go for a higher resolution?
 
T

Teri Carnright

Hi, Nancy~

72 dpi/ppi is the only resolution presentable on the web. You should
certainly optimize your gif, jpg, or png images, but do so in 72 dpi.

Teri
:)
 
S

Steve Easton

The dpi setting in an image has absolutely zero effect on how it displays in a browser. It is only
used when printing images on a printer.

Resize your images in an image editor and select the width and height you want in pixels.
Then slower the quality setting before you save it. A quality setting of 75% normally works quite
well.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
C

clintonG

Pragmatically speaking, like the browser safe color palette, 72 dpi is no
longer a matter of concern but for the following considerations. The former
value was based on what was considered optimal when older video cards and
older monitors were prevalent. Things do change you know %-) Today the
concern is page loading performance and print quality. The more properties
assigned to the image the better the print quality. The more properties
assigned to the image the slower the page loads. Image properties have
become circumstantial.
 
N

N.Coffey

N.Coffey said:
I resize my photos to a resolution of 72-80 ppi for web use, to
minimize the size of the files. Is this what most people are doing, or
should I go for a higher resolution?
Click to expand...

The dpi setting in an image has absolutely zero effect on how it displays in a browser. It is only
used when printing images on a printer.

Resize your images in an image editor and select the width and height you want in pixels.
Then slower the quality setting before you save it. A quality setting of 75% normally works quite
well.
Click to expand...

Did you notice that I said "ppi"? I thought that was how you expressed
the screen resolution. Am I wrong?
 
S

Steve Easton

ppi is correct, but ppi is strictly controlled by the resolution setting in the monitor. There's no
way to control it via an image.
That's why I said resize it to the height and width you want in total pixels.
The monitor then determines how much "Space" the image uses based on it's pixel width and height.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
N

N.Coffey

ppi is correct, but ppi is strictly controlled by the resolution setting in the monitor. There's no
way to control it via an image.
That's why I said resize it to the height and width you want in total pixels.
The monitor then determines how much "Space" the image uses based on it's pixel width and height.
Click to expand...

Thank you. I understand what you mean now.
 
S

Steve Easton

DPI has absolutely nothing to do with how an image displays in a monitor.
You can take an image and set dpi at 5 and save it.
Then set it at 75 and save it with another name.
Display both in a browser side by side and they will look identical.
Print the browser screen and they will print the same.
But print them as individual images on a printer and they will be different sizes.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

clintonG said:
Pragmatically speaking, like the browser safe color palette, 72 dpi is no
longer a matter of concern but for the following considerations. The former
value was based on what was considered optimal when older video cards and
older monitors were prevalent. Things do change you know %-) Today the
concern is page loading performance and print quality. The more properties
assigned to the image the better the print quality. The more properties
assigned to the image the slower the page loads. Image properties have
become circumstantial.

--
<%= Clinton Gallagher
METROmilwaukee "Regional Information Services"
NET csgallagher AT metromilwaukee.com
URL http://clintongallagher.metromilwaukee.com/
Click to expand...
 
Top