Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

dazzer21

macrumors 6502
Original poster
Oct 18, 2005
473
4
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?
 
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.
 
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.)
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.