Page 1 of 1

Mod portal website should not use image-rendering CSS property

Posted: Mon Sep 02, 2019 4:53 pm
by Vegemeister
The mod portal website is currently displaying screenshots with image-rendering: pixelated or image-rendering: -moz-crisp-edges, whichever is supported. This causes the browser to use the nearest-neighbor resampler, which makes text nearly illegible and is otherwise unattractive.

First screenshot from the Helmod page, as it is now:
moz-crisp-edges.png
moz-crisp-edges.png (678.57 KiB) Viewed 1849 times
With correct, default image resampling algorithm:
proper.png
proper.png (715.49 KiB) Viewed 1849 times

Re: Mod portal website should not use image-rendering CSS property

Posted: Tue Sep 03, 2019 1:39 am
by Oktokolo
In the full-width mod portal, images are rendered 840 pixels wide.
So you can work around browser scaling by making your images the same width. Example mod (See second image for a screenshot containing text).

Re: Mod portal website should not use image-rendering CSS property

Posted: Tue Sep 03, 2019 9:00 am
by Sanqui
Not sure why that was in place, fixed.