retina-display

Retina/non-retina images in UIImageView

坚强是说给别人听的谎言 提交于 2019-12-05 01:28:13
I have a 300 x 300 sized UIImageView in my app which is displaying my images very nicely. My images are all 600 x 600 or larger and UIImageView simply resizes them for me. My question is this: as these images are essentially all retina images anyway (i.e. double the required pixel size) is there any point in making a retina and a non-retina version of the same image? Won't this just make my app bigger because of the extra image files? What's wrong with just letting the device downscale the images? I'm sure there's a very good answer so I'd like to know what it is! Thanks for your advice. For

How do you generate retina (iPad) friendly (progressive or interlaced) jpeg images with CarrierWave?

依然范特西╮ 提交于 2019-12-05 01:09:43
问题 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! 回答1: 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

Programming tips to optimize Flash AIR for iOS retina displays?

偶尔善良 提交于 2019-12-04 23:53:56
问题 Is there anything that can be done to optimize existing SWFs for the oncoming wave of retina displays? Or, is there anyway to prepare for retina displays when creating new SWFs? From what I've seen and read, the SWFs look pretty poor. 回答1: Flex 4.6 supports MultiDPIBitmapSource which would provide a way to supply bitmap optimized for different screen density. You may read an in-depth discussion over this link. In general, if your bitmaps are used as icon, logo display, where animation or

How to develop a website for retina display?

柔情痞子 提交于 2019-12-04 22:09:41
I have to develop a responsive website with 4 designs [desktop, mobile, tablet and retina display]. First three are fine and can be done but retina display in a new thing. So it will be very helpful if any one can share the correct way to develop HTML for it. Any plugin of Jquery, Hack of HTML/CSS will be helpful ! Many thanks! You can use a few CSS framworks like Skeleton Foundation and search for Responsive web design in Google For retina Display and Mobile layout use Media queries Here is a link from CSS-tricks which would be helpfull Css-tricks On the iPhone/iPad, iOS is pretty smart about

iOS: Over-The-Air installation - black download icon on retina iPad

会有一股神秘感。 提交于 2019-12-04 21:15:08
I've setup over-the-air distribution for our iOS enterprise App. It works, but during the download, the app icon displays black on iPad3 while on iPad1 the proper icon is shown. I uploaded two icons, one in 57x57 pixels and one in 512x512 pixels. Probably I need to provide retina icons too - but I do not see how to add them to the manifest.plist, as this file contains only two icon entries: <dict> <key>kind</key> <string>display-image</string> <key>needs-shine</key> <true/> <key>url</key> <string>http://myserver.com/image.57x57.png</string> </dict> <dict> <key>kind</key> <string>full-size

Cocos2D + Disabling only Retina iPad Graphics

梦想的初衷 提交于 2019-12-04 20:22:54
I'm running into an issue now when exporting my cocos2d based games out of Xcode 4.3+. While I'm not intending on including iPad Retina graphics with my game, it seems the game wants Retina iPad graphics and is now loading everything incorrectly on iPad Retina Only. Is there a quick and simple way to disable iPad Retina images only when loading assets from a scale based UI? Thanks! So it was quite simple. Added this code to the AppDelegate.m File if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) { [director enableRetinaDisplay:NO]; } else { [director enableRetinaDisplay:YES]; } Boom.

Tab bar icons on retina display

◇◆丶佛笑我妖孽 提交于 2019-12-04 19:52:36
问题 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. 回答1: 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

How to center images in a responsive grid with CSS only and supporting retina displays?

时光怂恿深爱的人放手 提交于 2019-12-04 19:52:30
I have a page where I need to display a photo gallery in a responsive website, with support for retina displays too. The grid must be composed by blocks that fill a given container proportionally in this way: If the screen width is >= 1200px the grid must be composed by 4 columns (25% width for each block) If the screen width is < 1200px and >= 768px the grid must be composed by 3 columns (33% width for each block) If the screen width is <= 767px the grid must be composed by 2 columns (50% width for each block) All the grid blocks must be in 2:3 ratio sizes, and measuring a grid block with a

UIView's contentScaleFactor depends on implementing drawRect:?

别等时光非礼了梦想. 提交于 2019-12-04 19:22:53
问题 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)

Rails asset pipeline retina @2x and cache buster timestamps are at odds

空扰寡人 提交于 2019-12-04 18:09:02
问题 retina.js looks for an image with the same filename but with @2x before the file extension The rails asset pipeline adds a cache busting timestamp to the end of the filename This means retina.js is looking for filename-cachebuster@2x.png but the file is at filename@2x-cachebuster.png Anyone have a work around for this? Who's wrong on this ie, should retina.js be trained to look for files at filename@2x-cachebuster.png if the original filename matches a pattern that indicates it has a cache