Questions tagged [retina-display]

Retina display is a trademark used by Apple for displays claimed to have pixel density so high that the eye would not be able to notice pixelation. The term is used for several models of the iPod touch, iPhone, iPad, and MacBook Pro.

Retina Display is a brand name used by Apple for liquid crystal displays that have a pixel density high enough that the human eye is unable to discern individual pixels at a typical viewing distance. The term is used for several Apple products, including the iPhone, iPod Touch, iPad, MacBook Pro, iPad Mini, and iPad Air. Because the typical viewing distance is different, depending on each device's use, the pixels per inch claimed to be of Retina quality can differ, depending on the size of the display, with higher PPI for smaller displays and lower PPI for larger displays: 326 PPI for the smallest devices (iPhone, iPod Touch, and iPad Mini with Retina display), 264 PPI for mid-sized devices (iPad third generation and onwards, including iPad Air), and 220 PPI for larger devices (MacBook Pro). While not currently common, many other manufacturers' displays have similar PPI density. When an Apple product has a Retina Display, each user interface widget is doubled in width and height to compensate for the smaller pixels. Apple calls this mode HiDPI mode. Apple has applied to register the term "Retina" as a trademark in regard to computers and mobile devices with the United States Patent and Trademark Office, Canadian Intellectual Property Office, and in Jamaica.On November 27, 2012 the US Patent and Trademark office approved Apple's application and "Retina" is now a registered trademark for computer equipment.

Source: Wikipedia (Retina Display)

1188 questions
0
votes
1 answer

Retina and non-retina ios App

I've got a problem with the Retina-displays. I've got a app which works fine on non-retina displays. In my css for a list I've set the height of a listitem to 20px. Now when I try the app on a retina-display all the items appear twice the size. I…
Mike Äfer
  • 467
  • 1
  • 8
  • 15
0
votes
2 answers

How to use a variable for image paths with less mixins

I'm new to Less and I'm trying to use http://retinajs.com/ to load retina images when possible. The script has this mixin to use when calling images in your css: .at2x(@path, @w: auto, @h: auto) { background-image: url(@path); @at2x_path:…
C Dog
  • 157
  • 1
  • 3
  • 12
0
votes
0 answers

What graphics frameworks can be used on Retina display (with a stable release), in particular, for The New iPad?

I thought for a while that Apple's frameworks, Cocos2D, OpenGL ES, can all work fine with The New iPad's Retina display, until I saw this post: http://www.cocos2d-iphone.org/archives/1845 So looks like for now, any coding that has to use Cocos2D to…
nonopolarity
  • 146,324
  • 131
  • 460
  • 740
0
votes
2 answers

Wrong button image on iPad device but not in the simulator

I am updating my universal app and naming my image files as follows: buttonHelp.png buttonHelp@2x.png buttonHelp~iPad.png buttonHelp@2x~iPad.png This works fine on the simulator, but on my device (classic iPad running iOS 5.1) only buttonHelp.png…
ragnarius
  • 5,642
  • 10
  • 47
  • 68
0
votes
1 answer

Monotouch Ipad3 retina cannot run in full resolution

What do I need to do to run in full resolution? No matter what I do, UIScreen.MainContent.Bounds => {1024x768} I am running Monodevelop 2.8.8.4 and I am setting my Deployment Target to 5.1 Any Ideas? Thanks
Luis
  • 5,979
  • 2
  • 31
  • 51
0
votes
2 answers

Using jQuery Page Transitions on iPhone with HD Background Images

I really need some help. I'm making a "native looking" web app for the iPhone and I'm trying to use jQuery to transition between the pages. The only issue is that each page has a .PNG image as its background that is double the size of the iphone…
0
votes
1 answer

On The New iPad, how do we draw using the new higher resolution provided by the Retina display?

That's because all the code seems to just use the old iPad 1 and iPad 2 coordinate values, be it for drawing for the touch events. How do we use the "new values" for higher resolution?
nonopolarity
  • 146,324
  • 131
  • 460
  • 740
0
votes
1 answer

Resizable UIImage and retina

I am not sure what middle size I should use for the stretchable part of a retina image. The document says: During scaling or resizing of the image, areas covered by a cap are not scaled or resized. Instead, the pixel area not covered by the cap …
Morrowless
  • 6,856
  • 11
  • 51
  • 81
0
votes
1 answer

Code and suffix for retina universal iPhone apps?

I am planning to make a universal app to support retina display. It will be a quiz with more than 100 questions. So, for the bg images the suffix will be: iPhone, iPod:320X480 = photo.png, retina iPhone, iPod: 640X960 = photo@2x.png iPad:…
George
  • 73
  • 1
  • 1
  • 6
0
votes
4 answers

Images for Retina display

If i want my application to be compatible with the Retina display, am i obliged to recreate all my images by doubling their sizes? even the icon?
Luca
  • 20,399
  • 18
  • 49
  • 70
0
votes
2 answers

Retina icons with jQTouch

Anyone knows how I can replace the orignial icon with the retina version of it, if the user have a iOS with retina display? I've tried with data-mask="[name]@2x.[ext]" but without luck. Hope someone have a solution
Simon Thomsen
  • 1,351
  • 7
  • 27
  • 37
-1
votes
1 answer

how will existing apps look on ipad3 or high resolution ipad

has someone tried running existing ipad apps on new released version of ipad? how will the existing apps behave in ipad3? whether all existing ipad apps run on ipad3 as well without any changes or do they necessary need an upgrade with the high…
Varun Bhatia
  • 4,326
  • 32
  • 46
-1
votes
1 answer

iPhone App Submission requires 5.5 inch display screenshots, but Xcode does not offer any simulators for these devices

I am trying to submit an iPhone app to the App Store on App Store Connect but I am getting an error that says "You must upload a screenshot for 5.5-inch iPhone displays." However, I am using Xcode 14.3 and it does not have any simulators with 5.5…
-1
votes
1 answer

Validation error w3.org: background-image and image-set (retina resolutions)

The following lines of code are the background images on a small website with a full screen header image. I wanted to apply the styles directly in the html with the intention, that loading of the images is not blocked by css-parsing. I tried two…
Markus Proske
  • 3,356
  • 3
  • 24
  • 32
-1
votes
1 answer

Bootstrap 4 grid system on retina screen

i have div like this:
When i test it on 27' screen it uses col-xl-2 and it works perfect, but when i test it on 13' screen of macbook pro with retina screen it uses col-xl-2 too and it…
dikkini
  • 1,184
  • 1
  • 23
  • 52