Retina graphics

Discussion in 'Design and Graphics' started by dazzer21, Oct 31, 2015.

  1. dazzer21 macrumors 6502

    Oct 18, 2005
    OK. I'm sure that this has been asked a million times before but it's not going to stop me asking it again!!!! ;)

    If I create a header image for Facebook, on my standard iMac's screen, I'm producing it at 851px x 315px which is the required size for images created at 72dpi. If a Retina screen shows exactly double that of a standard screen (144dpi), I see one of two things happening - either the pixels of my original 72dpi image will be blown up by a factor of two, which means that the perceptual resolution will be halved to 36dpi, or my original 72dpi image will show on screen at half it's original size (ie tiny) but at twice the resolution at 144dpi. So my query is - does an image at 851x315 designed to be seen on a standard display ALSO need to be accompanied by one saved at 1702x630 (twice the physical size) which would suit a Retina version? In the case of the latter, would Facebook display it properly?
  2. Pakaku macrumors 68000


    Aug 29, 2009
    Web browsers are always going to assume the 1x resolution is the proper resolution at 100%, even on a retina screen.

    The only way to design for retina is to code the image to be displayed at 50%, and I doubt Facebook lets you do that. But you could always just design your header at 2x anyways just in case.
  3. Starfia macrumors 6502


    Apr 11, 2011
    Yeah, wouldn't it come down to how Facebook processes the image? (And I think I remember they have a help page with those kinds of specs on it. I'm not sure they even support hi-DPI images yet, but it's been a year or two since I checked.)

Share This Page