Iphone 7s Screen Size

Picture of Iphone 7s Screen Size

Apple updated its iPhone a bit ago making the form factor much bigger. The iPhone 6 screen size is both wider and taller and the iPhone 6 Plus also has a higher pixel density. This is an update to my previous post about designing websites for the iPhone 5. It’ll cover these new screen sizes and try to clarify how this all works. Update: Apple has released the iPhone 6s and iPhone 6s Plus. The iPhone 6s screen size is identical to the previous iPhone 6 versions, so feel free to follow the existing sizes below.

Update 2: Apple announced the iPhone 7 & 7 Plus. These iPhone 7 models follow the same screen sizes as the 6s & 6s Plus, you can use the sizes listed below. Update 3: Apple announced the iPhone 8, 8 Plus, and iPhone X. These iPhone 8 models follow the same screen sizes as the 6s / 7 & 6s Plus / 7 Plus, you can use the sizes listed below. The iPhone X is a new size and has been added to the charts.

iPhone Screen Measurements There are a few different values to consider when looking at the iPhone screen sizes. I’m going to get these values defined here so the chart below makes more sense: iPhone Display Size (inches) – This is diagonal measure of the screen, from corner to corner, just like you’d measure a TV. iPhone Screen Size (points) – These points are the size that the device is using for coordinates.

If you’re designing for the web (using CSS or JavaScript) these values will be helpful. iPhones use Retina screens which have a higher pixel density. This means they take the larger iPhone resolution (mentioned above) and compress those pixels into a smaller space to make the image look sharper. iPhone Rendered Pixels – This is the full number of pixels that are being rendered. This is the value you get when you apply the multiplier (1x, 2x, 3x) the device uses to the screen size in points.

If you’re creating an image and want it at the max resolution, this is the size you’d use. I’ve also written an article on Retina images if you’d like to learn more. iPhone Physical Pixels – This is the actual screen’s pixel resolution. The iPhone 6 Plus is using a a larger image resolution on a screen with a smaller number of physical pixels, so it needs to be downsampled to this size.

This value is really only important in a specifications perspective, but shouldn’t really affect your designs. iPhone Screen Size Comparison This image shows the browser screen size of the iPhones for use when writing CSS. See the table below for all the measurements of each phone. If you’re using iOS 8 the Safari menu height is consistent across all the iPhones. Current iPhone Models iPhone 6/7/8 iPhone 6/7/8 Plus iPhone X Display Size 4.

7 in 5.5 in 5.8 in Screen Size 375 x 667 points 414 x 736 points 375 x 812 points Rendered Pixels 750 x 1334 (@2x) 1242 x 2208 (@3x) 1125 x 2436 (@3x) Physical Pixels 750 x 1334 1080 x 1920 946 x 2048 Pixels Per Inch (PPI) 326 401 458 Browser Size Portrait 375 x 559 px(375 x 627* / 375 x 647**) 414 x 628 px(414 x 696* / 414 x 716**) 375 x 633 px Browser Size Landscape 667 x 267 px(667 x 335* / 667 x 355**) 736 x 306 px(736 x 374* / 736 x 394**) 812 x 280 px * – measurements with the small browser navigation bar** – measurements without any browser chrome for a web app Older iPhone Models iPhone 4 iPhone 5 Display Size 3.

5 in 4 in Screen Size 320 x 480 points 320 x 568 points Rendered Pixels 640 x 960 (@2x) 640 x 1136 (@2x) Physical Pixels 640 x 960 640 x 1136 Pixels Per Inch (PPI) 326 326 Browser Size Portrait 320 x 372 px(320 x 440* / 320 x 460**) 320 x 460 px(320 x 528* / 320 x 548**) Browser Size Landscape 480 x 212 px(480 x 280* / 480 x 300**) 568 x 212 px(568 x 280* / 568 x 300**) * – measurements with the small browser navigation bar** – measurements without any browser chrome for a web app Note that the iPhone 6 Plus is a 3x screen.

For the previous iPhones you can double the screen size values to figure out the max size of your retina image, but on the iPhone 6 Plus you’ll want to triple that value (i.e. a full screen graphic would be 1242 x 2208). Using the iPhone 6 Screen Size for Web Design If you’re coding your site using Responsive design in order to fit the iPhone well, you may have some sizing issues if you don’t tell the device not to zoom in.

You can do this by adding this viewport metatag into the head of your site: <meta name="viewport" content="initial-scale=1.0"> iPhone 6 Startup Screen If you’re going to be setting up your website so users can save it and run it as a web app you can add a startup image to display when the page is loading. First add the web app meta tag (also make sure you’re not using a width in your viewport meta tag as this can cause issues): <meta name="apple-mobile-web-app-capable" content="yes" /> Then create startup images at these sizes for compatibility with each phone: iPhone 1 – 3gs: 320 x 460 px iPhone 4 – 4s: 640 x 920 px iPhone 5: 640 x 1096 px iPhone 6/7/8: 750 x 1294 px iPhone 6/7/8 Plus: 1242 x 2148 px Then add the code in your page’s header to link to them: <link rel="apple-touch-startup-image" href="images/ios_startup.

png"> <link rel="apple-touch-startup-image" href="images/ios_startup@2x.png" sizes="640x920"> <link rel="apple-touch-startup-image" href="images/ios_startup-large@2x.png" sizes="640x1096"> <link rel="apple-touch-startup-image" href="images/ios_startup-6@2x.png" sizes="750x1294"> <link rel="apple-touch-startup-image" href="images/ios_startup-6-plus@3x.png" sizes="1242x2148"> iPhone 6 Icons When designing iPhone 6 icons you’ll notice there is a new size for the higher pixel density iPhone 6 plus.

If you’d like to add an icon to your site that people will see when they save it to their homescreen, take a look at my article on creating an iPhone icon, which includes the sizes you’ll need.

See Also: Iphone 7 Screen Dimensions

The key function of up to date computer monitor savers is leisure and at times even, security. On the other hand, they had been in the beginning built to avert phosphor burn-in on plasma pc screens likewise as CRT products. Display screen savers assisted to stop these detrimental effects by routinely altering the photographs if the laptop or computer was not getting used.

Allow me to tell you of the brain maximizing technique I had stumbled upon right after loading an extremely massive quantity of illustrations or photos into My Pictures file, which was routinely hooked, possibly like your computer system set up, to my display saver plan. Right after sitting and observing it one day, I pointed out how it spurred on my mind and enhanced my spatial reasoning before planning sessions. It actually served and that i was impressed.

What is the iPhone 7? Update: The new iPhones are here. Apple has just announced the iPhone 8, 8 Plus and iPhone X. In typical fashion, it has reduced the price of the iPhone 7. You’ll be able to pick up the iPhone 7 for £549/$549 saving you £/$50 from the original price.  The iPhone 7 entered the world with a bang, thanks to headphone controversy and a price hike seemingly in the wake of Brexit.

But at first glance you’ll wonder what’s changed – it looks pretty much the same as an iPhone 6. I loved that design, but then I loved the design of the iPhone 4 – that doesn’t mean I want a phone that looks like that in 2016. Still the 6 design was good, but would any other company get away with a two-year-old look for its flagship phone? Related: Best iPhone 7 Deals Get past this and the iPhone 7 delivers a unique experience among iPhones, which is both a good and bad thing.

The new features – water resistance, an incredible quad-core processor and, crucially, a 32GB starting storage capacity – are all very welcome. So is the excellent camera that’s had the right upgrades to make photos look better. But like the eponymous Batman villain, the iPhone 7 has two faces. The removal of the headphone jack feels unnecessary and restrictive, the handset costs more than the 6S did when it was released last year (in the UK at least), and the iPhone 7’s battery life is a real problem.

If you want a small Apple phone you’d be better off opting for the iPhone SE. Alternatively check out our iPhone 7 Plus review. Yes that phone is even more expensive, but it lasts a lot longer and has an even better camera that offers proper zoom. There’s is one other option to consider too if you’re hooked on Apple. The iPhone 6S Plus remains a great phone, has strong battery life and costs exactly the same as the iPhone 7.

Related: Best Phone to Buy iPhone 7 – Design There’s not much to talk about when it comes to the aesthetics of the iPhone 7. If you’ve used an iPhone 6 or 6S you’ll feel like you’ve returned home after a long holiday and the window curtains have been changed. For standing out from the iPhone crowd, the new Jet Black finish is really your only option. A Jet Black iPhone 7 looks like no other handset.

It’s not like the plastic iPhone 5C – this is a phone made out of metal, but which is smooth to touch without being slippery. Yes, it attracts fingerprints, but who cares when it looks this good? One not of caution, though. It does mark up a little easily so you’ll need to treat it with care if you want it to keep looking good. Related: Galaxy S8+ hands-on The second new colour on offer is simply called Black.

This replaces the Space Grey of previous models and makes the iPhone 7 looks like a mean machine. The other versions available are Silver, Gold and Rose Gold. The iPhone 7’s size and shape is almost identical to the previous models, however the antenna bands that formerly ran across the back now tastefully curve around the ends, and the camera nub is more rounded. These changes are small, but welcome, although it does mean you won’t be able to use an old 6 or 6S case.

WATCH: iPhone 7 video review The iPhone 7 retains those chunky top and bottom areas of its bezel and this means it offers less screen space for its size than the HTC 10, LG G5 or Samsung Galaxy S7. The latter has very similar dimensions but comes with a 5.1-inch screen, compared to the 4.7-incher on the iPhone 7. It feels like some other brands have overtaken Apple when it comes to phone design.

That’s all there is to discuss about the aesthetics. However, there’s plenty to talk about when it comes to design. Apple’s made some fundamental changes to the iPhone 7 that will affect the way you use your phone for better and worse. Let’s start with the missing headphone socket. For some people this is going to be a big issue, but it hasn’t been a problem for me. There are a number of potential reasons why Apple’s decided to remove the 3.

5mm socket from the iPhone 7, but the company won’t outright tell us why. Related: iOS 11 review: Apple’s best update in years? Space seems to be the primary factor when you look at the internal design. The new Haptic engine is a lot chunkier and takes up some of the space, as does the louder speaker that’s been crammed into the bottom. Apple has clearly decided improved features on the iPhone 7 are better than keeping a 50-year-old connection, particularly since wireless headphones have become increasingly popular over the past few years.

In fact, Apple has launched its own wireless headphones, called AirPods. Shame you’re going to need ‘courage’ to wear AirPods outside… Related: Galaxy S8 review That’s all well and good, but for many who own a great pair of wired headphones this will prove a problem. Apple has resolved it to a great extent by providing a pair of Lightning Earpods and a small adapter in the box with the iPhone 7.

The adapter lets you plug wired headphones into the charging port. It works well, but you won’t be able to charge your phone and listen at the same time, plus it’s small and easy to misplace. There are some neat third-party Bluetooth aptX headphone adapters available, such as the £69 Noble Audio BTS, but be prepared for an inevitable drop in audio quality when used with high-end headphones. I haven’t been too affected by the lack of jack.

Having bought into the convenience of wireless headphones a few years ago, I now favour them over my better-sounding wired pairs. It’s a transition I expect many of us will make over the coming years. The other design change I got to grips with quickly is the new Home button – if you can still call it that. Gone is the iconic click; it now has capacitive touch sensitivity. That means it works using the tiny bits of electricity in your fingers, just like the screen does, so if you’re wearing normal gloves it won’t function.

Related: iPhone 9 Incredibly, I could’ve sworn that the button had some give to it until I turned the phone off and realised that I’d been duped. That’s how good the new Haptic engine is. The feedback it offers tricks your brain into thinking the button can actually be pressed. This isn’t just smoke and mirrors; it feels real. I thought I’d miss the old iconic iPhone Home button, but I don’t.

That Haptic engine is used for more than just the Home button, though – the iPhone 7 now feels like it talks to you by vibrating at key moments. Whether you’re scrolling through the timer or getting a call, the refined buzzes tell you a lot more than the iPhone 6S ever did. iPhone 7 – Water resistant One of the reasons the Home button has been changed is because of the iPhone 7’s headline feature: water resistance.

Apple may not be the first to create a water-resistant phone, but it’s a brilliant feature to have nonetheless. That’s because one of the main reasons people ruin their phone is through water damage. I’ve broken a phone or two by dropping it in the wet stuff in the past. The iPhone 7 is hardy enough now to withstand a moderate dunk in up to 1m of water for up to 30 minutes. The iPhone 7 manages an IP67 rating for water and dust resistance, which is a little less than the certification achieved by the Galaxy S7 and Sony Xperia Z5.

Don’t let that bother you, though. The difference is small and I’ve used the iPhone 7 in the shower and left it in water for 30 minutes and it still works just fine. Water resistance is an added level of insurance for flagships that cost a lot to replace. It certainly came to my rescue when I dropped the iPhone 7 in a puddle while camping on a wet weekend.

Wilma Lawrence

If you’re prepared to personalize your desktop or monitor saver, or are prepared on a regular basis than the usual photo wallpaper, a awesome screen saver is perfect for you.