retina webpages

i can understand ipod touch/iphone 4 doesn't due 960 pixel width, webpages supposed 2x magnified on ipad 3?
if so, there w3c implementation in html, have alternate hidpi image on webpage alongside regular image? otherwise 2x magnification of text.

 

from quick search around appears suggested way of serving high resolution content iphone 4/4s use "device pixel ratio". defines ratio between logical pixel sizes , physical pixel sizes. 1 on iphone 4 , (presumably retina ipad) 2. value can used in either css media queries or javascript alter images loaded.

page provides pretty introduction there lot more out there:

http://aralbalkan.com/3331

images might not necessary. if @ images make menu bar @ top of page can see there little detail. because there isn't lot of detail pixel doubled versions should compress well. might possible serve pixel doubled versions , let browser downsize them if necessary.

final option serve svg images when possible. being vector based these scale whatever size needed. problem svg support in older browsers isn't great still need image fallback.

edit: looked more closely @ mac rumors menu bar , doesn't seem using images. i'd guess it's using rounded css corners instead. i'm sure there other places highly compressible images used on web pages.

 

Forums iPhone, iPad, and iPod Touch iPad iPad

• iPhone
• Mac OS & System Software
• iPad
• Apple Watch
• Notebooks
• iTunes
• Apple ID
• iCloud
• Desktop Computers
• Apple Music
• Professional Applications
• iPod
• iWork
• Apple TV
• iLife
• Wireless