Solved

iphone 5 screen size and converting points to inches

Posted on 2014-02-18
10
1,886 Views
Last Modified: 2014-02-18
literature says the screen size is 568 x 320 points
i assume this because of the compactness of the retina display points and the typical conversion of 1/96 pixel = 1" does not apply

if i convert points to inches 1/72" = 1 point

568 x 320 points
7.888 x 4.444 inches

thats obviously not right what am I doing wrong?

need to know the absolute screen size (mm, cm, inches, etc) so I can draw a rectangle in photoshop respresenting the actual screen size.
0
Comment
Question by:glenn_r
  • 5
  • 5
10 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 205 total points
ID: 39868826
Screen size = 1136 x 640 px
Pixels per inch = 326

1136/326 = 3.4846625 inches
640/326 = 1.963190 inches
0
 

Author Comment

by:glenn_r
ID: 39868841
then how do they get 568 x 320 points
0
 
LVL 58

Expert Comment

by:Gary
ID: 39868899
How does who get? The screen resolution is 1136 x 640 px.
Maybe some confusion between what is a retina display
The higher resolution will be used when for example an image is displayed - you would have two copies of an image, one for normal displays and another that is twice the dimensions for retina displays.  On a retina device both images would be the same dimension but the retina version will have a lot more detail due to the doubling of the pixels.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

Author Comment

by:glenn_r
ID: 39868959
most illustrations show the size of the iphone 5 display at 568 x 320 points
that where i went wrong
if you convert those points to inches i produces different numbers they you gave above
any ideas on how they converted those points to inches?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39868962
If you want to use those dimensions then you need to halve the ppi - 326px becomes 163px
0
 

Author Comment

by:glenn_r
ID: 39868987
Not sure if I follow you on that one

ppi is 326 so what the calculation?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39869007
To the point.
The screen resolution is 1136 x 640 px - there is no if's and but's about it, that is what it is.
There are 326px per inch.

If you want to make your calculations based on a non retina display resolution then you halve everything including the ppi.
0
 

Author Comment

by:glenn_r
ID: 39869015
got the ppi explantion 100%

confused at why you halve everything for the point conversion
i understand that ppi is lxw and if so a square root of that number would produce the x & y size
can you articulate your work from a different angle?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39869032
I don't know how better to explain it.
On a retina display 1 pixel is actually 4 pixels - 2 across and 2 down

Take an image that is 1136 x 640 px (this would be how you would size an image for a retina display) - every pixel of the image uses 1 pixel on the display.

Take another image that is 568 x 320px - for every pixel of this image there are 4 pixels used.
This would also be the case for text and anything else that is not retina ready.
0
 

Author Comment

by:glenn_r
ID: 39869040
got it
keep thinking in terms of lxw or 2 px horizontal and 2 px vertical
make sense now
thanks for the explanations
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this tutorial viewers will learn how to create a vector texture to apply a non-rasterized texture to vector images, using Photoshop and Illustrator Open a textured image such as a scanned-in piece of cardboard in Photoshop: Convert the texture to…
In this tutorial viewers will learn how to create a Photoshop action to apply adjustments and effects to multiple images. Open a photo for editing in Photoshop: Open the Actions window by going to Window > Actions: Start a new action by selecting th…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question