Home page image is blurry and low quality

[Vadi]

At least this is how it looks like in my monitor. Observe the window title. Kind of blurred and skewed.

[circl-lastname]

It looks like a stacked scaling artifact, do you have 200% scaling enabled on your PC perhaps?

[Mafrans]

To me this looks like a subpixel rendering artifact, you can see the same effect on this image in the news section, where the edges look oddly pixelated and low-resolution.

It's probably a result of using images that are very high resolution and scaling them down massively. With SVGs and div based illustrations the browser adds its own subpixel anti aliasing to edges and text, but not to images.

My suggested solution is to either recreate the image as an SVG or introduce imagesets with several appropriately sized images. The current 3070x2911 image both looks bad when scaled down and has an unnecessarily large file size (although webp does it's job very well with these kinds of images).