Prevent Image Scaling on High DPI Displays

[Razunter]

Currently, non-100% DPI images are scaled by the browser, making them blurrier (especially in the lightbox). And I think there is no native way around this. There is a JS hack with transform suggested here, but a better way would be to set scaled width\height of the image in px.

How it looks now:

How it should look:

[vladmandic]

i'm aware of the problem (see https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio), but the problem is that values other than 1 and 2 are non-standard and browser and platform dependent. and it also impacts canvas elements, not just image elements. also behavior changes depending on browser settings, for example see chrome://flags/#enable-pixel-canvas-recording

all-in-all, maybe we'll revisit it in the future when we have a full-fledged image viewer.