3 ms·

I was a bit puzzled that the images were so blurry compared to the surrounding text. Then I realized that the 1px border around the before/after images forces t

I was a bit puzzled that the images were so blurry compared to the surrounding text. Then I realized that the 1px border around the before/after images forces them to be scaled down from an otherwise correct width of 600px to 598px. While not solving the blurriness completely it, removing the border with the inspector helps a lot. I think the remaining blurriness comes from the images using grey scale hinting rather than subpixel hinting (the hinted pixels are not colored)

wrasee 3y ago
Well spotted. Following this, I found opening each image in a new tab and switching between them worked as a nice way to compare. For convenience (second is hinted) + https://blog.gtk.org/files/2024/03/Screenshot-from-2024-03-06-21-44-21.png https://blog.gtk.org/files/2024/03/Screenshot-from-2024-03-0... + https://blog.gtk.org/files/2024/03/hinting-125.png https://blog.gtk.org/files/2024/03/hinting-125.png You can really spot the difference.
- patrakov 3y ago
  You can, if you are in the target audience. I have a monitor running at 200% scale, and the scaled screenshots do not show much difference. Scaling the browser tab to 50% does reveal it.