3

I am reading up on image quality for retina display and I see I can load a higher quality image for -webkit-min-device-pixel-ratio: 2. But my question is how much higher? Say I have a regular image that is 800x600 72dpi - what would the retina image be? Thanks!

Kim
  • 1,175
  • 2
  • 10
  • 21

1 Answers1

3

Double the dimensions. So in your example, it would be 1600*1200.

jalynn2
  • 6,397
  • 2
  • 16
  • 15
  • OK that makes sense. Would I add a max-width of 800px to the css? Thanks! – Kim Sep 25 '12 at 18:41
  • 1
    Yes, set the width to be the "normal" width that is being scaled up for the retina display. So in your example, that is 800px. – jalynn2 Sep 25 '12 at 19:06