Solved

iphone 5 screen size and converting points to inches

Posted on 2014-02-18
10
1,828 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
 

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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 

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

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

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…
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to correct colors in Photoshop using the Curves adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Curves: Select "OK" on the …
In this tutorial viewers will learn how to create layer styles in Photoshop to easily apply effects to multiple items. Open a document in Photoshop: Apply layer styles to a layer by right clicking the layer in the Layers window and selecting "Blendi…

744 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now