Viewing graphics on a Mac Retina display?

i want make graphics viewed on web. understand lower resolution displays display graphics larger higher resolution displays. question regards how graphics displayed on retina display has 326 pixels per inch. understanding has been design graphics based on 72ppi web.

 

1. if wanted create graphics knowing of users have retina displays, setup .psd files @ 326ppi?

2. graphics , websites designed @ 72ppi appear small on retina display?

 

thanks.

you're asking question kind of wrong way.  pixels per inch (ppi) has nothing web, it's pixel count - number of horizontal x number of vertical pixels.  trying think in ppi muddies water.

 

assume typical web graphic few hundred pixels thousand pixels wide , tall , won't far wrong.

 

but thinking not off base.  should thinking designing graphics greater pixel counts for higher resolution display - both high ppi retina displays , users might zoom in see things more closely.  that's less common on computer, quite natural on tablet.  web visitor wants buy product, he/she invariably reverse pinch gesture see close up.  it's natural.

 

today's web graphics designed show on typical non-retina display monitor not crisp when displayed on retina display, because display processor upsampling them of sufficient size see.

 

a forward-thinking individual values image presentation quality on minimizing download file size (which becoming less important each day) might design his/her web graphics 2 3 times pixel count in each dimension used, set in html display on typical monitor @ zoomed-out size.  way when viewed on super-high ppi display, or zoomed-in on tablet, graphics good.

 

if you're making things better on web next guy, here's whole new realm work in. 

 

check out page example of i'm talking in action:  http://noel.prodigitalsoftware.com/temp/webimage/test.html

 

perhaps here retina display describe how different 2 images look.

 

-noel

More discussions in Photoshop General Discussion

adobe