3

I've asked a number of questions where I included (partial) screenshots, always as a PNG. I noticed that they appear slightly blurred, which is strange, because when you click the image you can see that same image in better quality.

For instance:

enter image description here

looks OK here, but not on the question's page: How can I capture keyboard status when my application doesn't have the focus?.

Can something be done about this?


FWIW, I'm using Firefox 42 under Windows 7.

7
  • Are you on a high DPI display (3k/4k/retina)?
    – Oded StaffMod
    Commented Dec 22, 2015 at 10:44
  • Nope. 1600x1200 NEC MultiSync. Commented Dec 22, 2015 at 10:47
  • The blur seems the same to me: i.sstatic.net/JlWVW.png
    – rene
    Commented Dec 22, 2015 at 10:59
  • @rene What if you click it? Commented Dec 22, 2015 at 11:12
  • for me it is still the same: i.sstatic.net/bfeak.png
    – rene
    Commented Dec 22, 2015 at 11:16
  • @rene Wait, those look OK to me too, all three of them. The other link I can't judge properly because of the magnification. Commented Dec 22, 2015 at 11:19
  • I wasn't sure if they were similar so I magnified the hell out of them to verify.
    – rene
    Commented Dec 22, 2015 at 11:23

2 Answers 2

2

I found the cause of the slight blur. The original image is 90 x 60 pixels, and in my question it's shown resized to 98 x 65 pixels, and scaling up always causes some level of blurring.
The question is why it was scaled up.

2

Images that contain anti-aliased text, like this one, and particularly the kind of text that was rendered with ClearType can only look good when they are rendered at the exact same size they had when they were captured. If they are rescaled then the anti-aliasing effect no longer works well and the text starts to look noticeably fuzzy. Again especially bad with ClearType, the red and blue fringes now no longer co-incide well with the monitor striping and become visible.

On my machine I have to hit Ctrl+- twice to get the image rendered at its original size and make the text look sharp. I prefer reading SO content zoomed-in, my eyesight is not what it used to be. Just running your monitor at a higher DPI setting is enough to get it rescaled automatically. When you click the image then it is displayed at its captured size and thus looks good.

So feature, not a volkswagen, hit Ctrl++ and Ctrl+- to change the page scaling.

5
  • Zooming in or out won't work for me because I'm always working at 100% zoom. Commented Dec 22, 2015 at 13:14
  • The image dpi is 96, when you have a 1600x1200 monitor then you probably bumped up to 120 or 144 dpi. Commented Dec 22, 2015 at 13:23
  • Then how do you explain that it shows correctly here on meta, but not on the SO main site? It's the same image. Commented Dec 22, 2015 at 13:32
  • Your browser remembers the zoom percentage you used on a particular site. You claim that can't be it, I'm running out of good explanations. Good luck with it, try to not let it ruin your Christmas :) Commented Dec 22, 2015 at 13:35
  • No worries. Thanks for your thoughts anyway. Happy holidays! Commented Dec 22, 2015 at 13:37

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .