DEV Community 👩‍💻👨‍💻

Russell Brooks
Russell Brooks

Posted on

External Monitor for MacOS: Avoiding the Blurry Text Issues

“Blurry Text” Problem

Reports of the issue:

This blog post has excellent advice on solving the clarity issues when you run a Retina-level external monitor - and you run it at lower-than-native resolutions, which is 90% of the time. Hardly anyone runs their Hi-DPI monitors in Native res. The type is too small. When you lower MacOS’s resolution down to anything below Native, now you’ve got blurred text. This is due to fractional-math problems because the external monitor is 163 PPI and your MacBook Pro is 221.

The most important spec to pay attention to on these monitors is Pixels Per Inch (PPI).

Blurry Text Solution

Buy a monitor with a PPI that matches your Retina MacBook or older MacBooks, but nothing in between. (The older ones were about half, at 128 PPI.)

  • MacBook Pro: 221 PPI
  • Old MacBooks and Airs: 128 PPI

Get a monitor that’s either 221 or 128 PPI (or as close as you can reasonably) - give or take 10 PPI.

MacOS is has two sets of UI widgets. It sends the Hi-Res ones to 4K+ displays, and the low-Res ones to anything under 4K. If you’re running one of these PPI’s in between 128 and 221, the OS is going to have to scale things in odd ways.

Important: MacOS only sends Retina assets to 4K or greater monitors. The PPI doesn’t matter. I’ve seen some confusion about this online. Folks buying a Hi-PPI monitor, but one that’s only 3K, and they’re wondering why it doesn’t have Retina assets. MacOS can only “see” the resolution (Pixel count) of the display. It can’t see its “PPI” specs.

Monitor Specs

PPI

Some PPI specs for comparison.

Apple Hardware

  • 2012 MacBook Air - 128 PPI
  • 2020 MBP - 226 PPI
  • Apple’s $5,000 Pro Display - 218 PPI

2K Monitors

These will be sent non-Retina assets by MacOS. Note the PPI roughly matches old MacBooks and MBAs.

  • 1080p - 91 PPI in a 24” mon 👍 - Good for Mac
  • 1080p - 81 PPI in a 27” mon 👍 - Good for Mac
  • 2560x1440 (Quad HD) - 108 PPI in a 27” mon 👍 - Good for Mac
  • HP 27er display - 82 PPI 👍 - Good for Mac

4K Monitors

  • 3,840 x 2,160 - 163 PPI in a 27” 👎 - Bad for Mac - PPI is at this dangerous midpoint between MacBooks and MBP.
  • 3,840 x 2,160 - 138 PPI in a 32” 👍 - Good for Mac - PPI roughly matches non-Retina Apple screens (128).

Panel Types

For office and creative work, go with IPS. For gaming, go with TN:

  • TN - Most affordable. Low image quality but hi-refresh.
  • IPS - Best overall quality. Higher input lag. For Pros doing graphics work.
  • VA - Better color and contrast than TN. Not as much as IPS.
  • OLED - Absolutely killer. Baller expensive.

Adaptive Sync is a variable-refresh technology. GSync is a brand name for one.

Top comments (4)

Collapse
jungleghost profile image
Edimar¶J.G™

How you can say that 27" 1080 - which is 81 ppi - is good for MacOS, but 27" 4K (163ppi) isn't? When the Mac actives the retina mode in a 163ppi monitor, everything will double the size, consequently half ppi. A 27" 4K monitor in retina mode looks like a 27" 1080p but much more sharper.

Collapse
arasharcher614 profile image
Arash • Edited on

Hi there,

I have a question and I hope you can help me.
I have an iMac (Retina 4k, 21.5 inch, 2017) and recently bought HP ElitDisplay E233HP EliteDisplay (21.5 Inch Full HD IPS) as my second screen, however the. quality is not 4k...all the texts and pictures are kinda blurry. I am using HTML to usb c via an adaptor. I have checked everything, tried different cable and different adaptor, even tried it with macbook pro...same.

Is that because of the monitor or is there anyway I can fix this?

Thank you so much.

Cheers,
Arash

Collapse
oliviabenson profile image
Olivia Benson

Nice one,thank you!

Collapse
vuong profile image
Vuong

This's an awesome article, I didn't know this problem can be solve for a long time ago with external monitor. Thank you very much!

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.