I just created a test app and tested. So for devices without retina: ImageName.png – For iPhone/iPod ImageName~ipad.png — For iPad For devices with retina display: ImageName@2x.png – For iPhone/iPod ImageName@2x~ipad.png — For iPad And you can still use @2x if your iPhone high resolution image and iPad high resolution image have the same size. … Read more
The most interesting clue in this mystery is that it seems especially bad when you open the same storyboard on a Retina display as opposed to a non-retina display. At first I was going back and forth between a 4k iMac and a pre-retina Macbook pro and was getting a large volume of changes (~300 … Read more
about:config hack on Firefox You actually can using Firefox: Go to about:config Find layout.css.devPixelsPerPx Change it to your desired ratio (1 for normal, 2 for retina, etc.) Screenshot: (source: staticflickr.com) Refresh your page – boom, your media query has now kicked in! Hats off to Firefox for being awesome for web developing! This was done … Read more
Search for, download, and install Apple’s free Additional Tools for Xcode 8 (for previous Xcode releases search for Graphics Tools for Xcode according to your version). Note: free Apple Developer account required. Launch Quartz Debug application. Go to menu: Window —> UI Resolution. Check Enable HiDPI display modes. Quit Quartz Debug. Open System Preferences. Select … Read more
about:config hack on Firefox You actually can using Firefox: Go to “about:config” Find “layout.css.devPixelsPerPx Change it to your desired ratio (1 for normal, 2 for retina, etc. -1 seems to be Default.) Screenshot: (source: staticflickr.com) Refresh your page – boom, your media query has now kicked in! Hats off to Firefox for being awesome for … Read more
There is a new attribute for the img tag that allows you to add a retina src attribute, namely srcset. No javascript or CSS needed, no double loading of images. <img src=”https://stackoverflow.com/questions/13744542/low-res.jpg” srcset=”https://stackoverflow.com/high-res.jpg 2x”> Browser Support: http://caniuse.com/#search=srcset Other Resources: WebKit release post W3C documentation for srcset good explanation about why and how to use srcset … Read more
In order to detect the Retina display reliably on all iOS devices, you need to check if the device is running iOS4+ and if the [UIScreen mainScreen].scale property is equal to 2.0. You CANNOT assume a device is running iOS4+ if the scale property exists, as the iPad 3.2 also contains this property. On an … Read more
[UIApplication sharedApplication].statusBarFrame.size.height. But since all sizes are in points, not in pixels, status bar height always equals 20. Update. Seeing this answer being considered helpful, I should elaborate. Status bar height is, indeed, equals 20.0f points except following cases: status bar has been hidden with setStatusBarHidden:withAnimation: method and its height equals 0.0f points; as @Anton … Read more
Switch from use of UIGraphicsBeginImageContext to UIGraphicsBeginImageContextWithOptions (as documented on this page). Pass 0.0 for scale (the third argument) and you’ll get a context with a scale factor equal to that of the screen. UIGraphicsBeginImageContext uses a fixed scale factor of 1.0, so you’re actually getting exactly the same image on an iPhone 4 as … Read more