Designing for web on a retina macbook
Out of context: Reply #29
- Started
- Last post
- 39 Responses
- ESKEMA0
They have the same pixel dimensions and that's what counts.
This picture below illustrates the difference in PPI per monitor, resulting in a different physical size of the displayed image at 100% scale.
The Retina display (in this case an iPhone 4S) showing a 500x500px image at 100% and the same image viewed at 100% on an iMac. the iMac is not Retina, so the physical space to fit the same amount of pixels as the iPhone is bigger. More PPI on a monitor = more pixel density (ence Pixel Per Inch).
But worrying about the PPIs when designing is useless, because every device will only interpret the pixel dimensions.
Bottom line is, if you want to do pixels for retina displays, you'll have to design everything at regular pixel size and at 2x size. No PPI bullshits in between.