Why 4k ≠ 5k
And what Apple means when they say “Retina”
I’m pretty sure the Apple Studio Display is overpriced. Still, the discourse after its announcement has been plagued by people not quite understanding the difference between 4k and 5k on a 27-inch display. It’s just one kay difference – why can’t you just buy a 4k screen that’s cheaper, brighter and/or has a higher refresh rate? Why do some Apple fans crave this extra kay so much?
Marc Edwards, of Bjango, wrote an excellent piece on this, and I especially like the visual examples of 5k vs 4k on macOS. As a maths teacher, I find this problem interesting, and in this article I will bring some light to this issue the way I would to a high school class. Perhaps this makes it easier to understand why the issues Edwards highlight appear.
What’s in a kay?
To narrow things down, I’m just going to look at 27-inch screens with a 16:9 aspect ratio (so no super-wides here!). Let’s compare the three most normal resolutions at this size: 1440p, 4k and 5k. Humans are notoriously bad at comparing numbers. Every day there’s a new tweet trying to help us understand the difference between a million and a billion by remind us that:
- One million seconds ≈ 12 days
- One billion seconds ≈ 31 years
So, it’s forgiven that people think 4k and 5k are pretty close. However, 5k resolution has a lot more pixels:
1440p = 2 560 ⋅ 1 440 ≈ 3.7 million pixels
4k = 3 840 ⋅ 2160 ≈ 8.3 million pixels
5k = 5 120 ⋅ 2 880 ≈ 14.7 million pixels
This also helps to explain why Apple couldn’t just add high refresh rate (Thunderbolt 4 can’t drive that) or mini-LED (no one produces that panel). Now, everyone is free to wish for and dream about a 5k mini-LED screen with ProMotion (Apple definetly wants to make it) – but critisising this years $1 600 screen for not being this, is a bit off.
Scaling
Take a look at these two screens. They have the remarkable resolutions of 6 × 4 pixels (24 pixels in total) and 12 × 8 pixels (96 pixels in total) ✨.
Let's call them 4p and 8p screens.
Now, the 8p has double the number of pixels in height and width, making the total number of pixels four times higher – that’s the same ratio as 1440p and 5k. Since the screens have the same size, the pixels on the 8p are smaller – in fact, exactly one fourth the size.
Now let’s say we have the following element on the 4p screen:
How should it be drawn on the 8p? One option is to just transfer the same pixel pattern:
*Insert Señor Chang meme here*
However, this makes the element tiny. This is where scaling comes in: Instead, we can say we want the element to be the same size, and make the 8p «pretend» it’s 4p. We scale it to 4p:
Better.
Here you can see that they look identical, since every pixel on the 4p is four pixels on the 8p. But we can do even better! Since we have more pixels on the 8p, we can fill in some pixels, and make the element smoother/sharper:
Same basic element - but smoother!
So, now the 8p screen is scaled to 4p, but the picture is sharper – while we keep the proportions and margins perfect. This is what Apple mean by «retina screens»: Instead of making the elements tiny, they «pretend» to be a resolution one fourth the size, but make everything look sharper. And this is why 5k is so important to them for 27-inch screens (more on this later).
Now, let’s look at screens of resolution 6×4 and 9×6 pixels. The 6p screen has 1,5 times the height and width instead of two times. Why did I pick this example? Because this is the same ratio as 1440p and 4k screens.
Now, how do we draw the same element on the 6p screen? It goes to the top and right edge, while there's a margin on the left and bottom.
If you have squared paper at hand, please try for yourself: Draw the element on the 9x6 screen.
Again, we could make it tiny, but if we don’t want that, we get into some trouble. If this were a high school class I would give out hand-outs and let my students try for themselves! But since it’s a blog post, I’ll just show my best try.
:(
Notice that while it’s pretty smooth and sharp, it’s not accurate. The margins are smaller, and the bottom edges are smaller than the top point. While it's much more pronounced with so few pixels, a 4k screen gets the same problem when trying to scale to 1440p. And these inaccuracies creates the issues showed by Edwards.
This is why Mac people have been craving a good 5k screen for years – and why a 4k screen isn’t an option for many – even though it has enough pixels. Actually, this is also why a lower resolution 1440p screen might be preferable to a 4k screen. I went to my current 4k screen from a 1440p iMac, and now I know why I've always been underwhelmed. (Also keep in mind: Windows scales a bit differently, so I this problem is less prevalent there. This is why you'll hear many Windows user not understanding why Mac users don't just “buy a 4k screen”.)
Pixels per inch
Bear in mind, that we’re still talking about 27-inch screens here. Since scaling to 1440p is a good look on these, you want a 5k screen. What’s important is the number of pixels per inch (PPI). You want either 100-120 PPI (good for non-retina) or twice that, 200-240 PPI (good for retina).
Chart from the article my Marc Edwards. Notice that when Apple makes a 24-inch screen it's 4,5k and 32-inch is 6k.
4k also scales nicely, but to 1080p. So, if you have a screen size that fits 1080p, like a laptop, 4k is great. Just not on a 27-inch screen, unless you want the zoomed in look of 1080p.
Now, did I make this post only because it’s an interesting math problem, or as a part of an elaborate plan to justify shelling out for a Studio Display? Impossible to tell – we’ll never know…
-Erlend ⚓
