Facepunch / sbox-issues

175 stars 12 forks source link

[UI] Bad image quality when using cover or contain mode #6772

Open bub-bl opened 2 days ago

bub-bl commented 2 days ago

Describe the bug

When using any image with cover or contain mode, the image lose its quality by half, so the image seem to be blurred. I have tried all image-rendering property but no one give a good quality result

To Reproduce

Add an image and look at its quality when playing with cover or contain mode: background-size: conver;

Expected behavior

The image should keep its quality when resizing them

Media/Files

background-size: auto; // good quality Image

background-size: cover; // bad quality Image

Additional context

No response

handsomematt commented 1 day ago

not sure what you expect it to look like

MrBrax commented 1 day ago

have you used trilinear image rendering? it usually gives the best sharpness for me

bub-bl commented 1 day ago

In web, the image have always a good quality even you scale down it

Im have already used skiasharp and it does a bad job about texture output quality

There is no way on your side to increase the texture quality or something like that ?

We have the exact same problem with text that have a small size, the text goes unreadable

bub-bl commented 1 day ago

have you used trilinear image rendering? it usually gives the best sharpness for me

Image rendering mode change anything I have tried all mode and i always get a blurred image

Same with text with a small size