retina-display

For testing not/retina display I've created an UIView with size 100x100. I've create 2 images: - normal size (100x100) - retina size (200x200) I have two situations: 1) Non-Retina display + Normal Size image in background 2) Retina display + Retina Size image in background The 1st scenario is ok. In the 2nd scenario the image is double size and in my UIView I can see only 1/4 of the total image. The same happens when I try to assign a background image to my UIViewController navigation bar as following: if (IS_RETINA()) { [self.navigationController.navigationBar setBackgroundImage:[UIImage

I am working on a WordPress theme and am trying to incorporate retina enabled CSS queries into my CSS file. I would just like to clarify that I have the media queries set up correctly before I change out all my background images. I have doubled the size of all my background images and perfixed them with the "@2x" naming convention. e.g icon-user@2x.png . I have added a jQuery function into my code to swap out the images with the CSS class of hires . In my CSS document I have a normal CSS class for a background image. Normal CSS query .side-nav .arrow { background: url(../images/arrow-nav.png)

There are numerous reports that Mobile Safari downsamples very large JPEG images, making it difficult to put out retina-friendly resolutions for the new iPad. The solution seems to be encoding JPEGs as progressive/interlaced files. Hence, I'm curious how I might use the CarrierWave plugin, and RMagick by extension, to generate this type of file. Thanks! Lucas Renan You can use MiniMagick : manipulate! do |img| img.strip img.combine_options do |c| c.quality "90" c.depth "8" c.interlace "plane" end img end As of today, you will need the repository version of carriewave as options[:write] support

I have created a basic tilemap using Tiled. I am using JSTileMap with SpriteKit to get the map in the scene. As I understood, JSTileMap (rather SKTexture) handles the retina and different devices automatically. I have not been able to produce good results so far, here is my setup: I have one .tmx file created at a base resolution using map.png as it's tile set. The .tmx is present in the project but I purposely did not add map.png (I do not want to support non-retina iPhones). In the project I only added the following .png's: map@2x~iphone.png (retina iPhones, using 48x48 tiles) map~ipad.png

I am making an iPhone App but I can't understand why my custom tab bar icons are pixelated. They are 30x30. If I change the resolution to 60x60, for example, the icons are still pixelated but they are also incomplete. Can you help me to fix this problem? Thank you very much. You don't need to double the size of your non-retina images. You need to create two separate icons icon.png (30x30) and icon@2x.png (60x60). iOS will automatically load the right file based on the screen scale. You can find more information about taking advantage of the retina display at this url: https://developer.apple

I have stumbled on a weird thing. It looks like UIView 's contentScaleFactor is always 1, even on Retina devices, unless you implement drawRect: . Consider this code: @interface MyView : UIView @end @implementation MyView - (id) initWithFrame: (CGRect) frame { self = [super initWithFrame: frame]; if (self) { NSLog(@"%s %g %g %g", __PRETTY_FUNCTION__, self.contentScaleFactor, self.layer.contentsScale, [UIScreen mainScreen].scale); } return self; } - (void) didMoveToWindow { if (self.window) NSLog(@"%s %g %g %g", __PRETTY_FUNCTION__, self.contentScaleFactor, self.layer.contentsScale, [UIScreen