Blog

How to test DPI scaling on a budget IPS panel

Compare screen scale and resolution, separate operating system scaling from panel density, and fix text that looks too small or blurry on an IPS display.

Kevin DoyleHardware tests 5 min read

Text looks smaller on your budget IPS monitor than it does on your laptop, or it looks soft after you change display settings. The cause could be different operating system scaling, a non-native resolution, browser zoom, or the panel's pixel density. Those are related, but they are not the same thing.

Use the Screens tool to compare the resolution and scale reported for each connected display. Then check the operating system settings and compare the same content at the same browser zoom.

Compare the screens

  1. Open Screens and look at the resolution and scale shown for each connected display. If you have more than one, use the color test on each screen to help identify which reading belongs to which panel.
  2. Write down each screen's reported resolution and scale. Keep the browser window on one display at a time, and make sure the displays are extended rather than mirrored if you want to compare them independently.
  3. Set the browser zoom to its default: press Ctrl + 0 on Windows or Cmd + 0 on a Mac. Open the same page on each display and compare the size and sharpness of its text.
  4. Check the operating system's scaling and resolution for each screen. Change one screen at a time, then repeat the comparison so you can tell which setting made a difference.

For a fair comparison, keep the browser window at a similar size and view both screens from a similar distance. Moving closer can make text seem larger, while a different browser zoom can imitate a scaling change.

What the result means

The scale values are different

The operating system is applying different interface scaling to the displays, or the browser is receiving different scale information from them. This can be intentional. A laptop screen may need a larger scale than a larger external monitor so menus and text remain comfortable to read.

Compare how the text looks before trying to make the numbers match. Equal scale values do not guarantee equal-looking text when screens differ in size or resolution.

The resolution values are different

The displays are running at different pixel resolutions. That may be normal, but check that the IPS panel is set to its native resolution, the resolution it was designed to show. A lower-than-native mode can make text and fine lines look blurry because the display has to fit the image to its physical pixels.

The values match, but the text still looks different

Matching reported scale and resolution do not mean the panels have the same physical pixel density. A 24-inch 1920 by 1080 display has about 92 pixels per inch, while a 27-inch 1920 by 1080 display has about 82. The same interface can therefore look larger on the physically larger panel.

Other differences can affect perceived sharpness too, including the display's subpixel layout, its sharpness setting, and how the operating system renders text. The Screens tool reports browser-visible display details, not a measurement of physical screen size or panel quality.

The text changes size when you move the browser window

That points to per-display scaling or a browser zoom difference. Recheck the browser zoom first, then compare each screen's scale in the operating system. Some applications also need to be closed and reopened before they use a changed scaling setting.

How to fix it

  1. Reset browser zoom. Press Ctrl + 0 on Windows or Cmd + 0 on macOS. Check that the browser shows 100% zoom before comparing text between screens.
  2. Set the panel to its native resolution. In Windows 11, open Settings › System › Display, select the IPS monitor, and choose its native value under Display resolution. On a Mac, open System Settings › Displays and select the resolution option that gives the display a sharp image.
  3. Adjust scaling for the screen you selected. In Windows 11, go to Settings › System › Display, select the display, and choose a suitable value under Scale. On macOS, open System Settings › Displays and choose a text size or resolution option that is comfortable to read. Compare again after each change.
  4. Check that the displays are extended. Windows 11 has this setting under Settings › System › Display, in the multiple-displays controls. On a Mac, open System Settings › Displays and check the arrangement and mirroring options. Mirroring can make two screens share a display mode, which is not a useful setup for comparing their individual scaling.
  5. Reopen the app that looks wrong. Some older programs do not redraw correctly after a scaling change. Close and reopen them, then check whether their text is still blurry or unusually small.
  6. Check the monitor's picture settings. Use the monitor's own menu to restore a sharpness setting near its default. Avoid using a sharpness boost to compensate for an incorrect resolution, since it can add halos around letters.

Scaling is not the same as DPI

People often say “DPI” when they mean display scaling. In everyday display settings, scaling controls how large interface elements appear. Pixel density, often written as PPI, describes how many physical pixels fit into an inch of the panel. A browser can report screen resolution and a scale hint, but it cannot measure the panel's actual diagonal size for you.

If you know the panel's diagonal size and native resolution, you can estimate its pixel density. Divide the diagonal pixel count, calculated from the horizontal and vertical resolution, by the diagonal size in inches. Treat that as a guide to apparent size, not a measure of color accuracy or text quality.

Use the Screens reading to compare reported values, and judge the final scaling by how comfortable and clear the text looks at your normal viewing distance.