Jazz-Soft.net
We make it sound!
Home » Developer's notes » How to take a pixel-exact screenshot

How to take a pixel-exact screenshot

Recently, I ran into trouble trying to capture a nice screenshot of a web application.

I tried different browsers, tweaked every setting I could find, and spent hours searching the Internet.

The results remained disappointing: the image size was off, and all my beautiful pixels looked blurry.

Trying to resize the screenshot only made things worse. Don’t even bother!

Screenshot does not match the original image

As I later (mysteriously) discovered, the problem wasn’t with the browsers at all.

In fact, you can open any image in a graphics editor, take its screenshot, and paste it next to the original.

You’ll see the same issue: the screenshot never matches the original.

The culprit lies in Windows display settings.

Go to: Control Panel » System » Display » Scale and layout » Change the size of text, apps, and other items.

Most likely, the scaling is set to the default 125%.

Change it to 100%, and the problem is solved. You don’t even need to restart Windows!

Set the display resolution to 100%

Normally, I set resolution back to the default once I'm done with the screenshots. Perhaps, I've got used to the dafault look...

To be honest, I haven’t checked whether the same issue exists on other operating systems, but if it does, it must have a similar solution.

Anyway, I hope this little tip can save you 40 minutes or so of frustration :)