Page 1 of 1

WebUi 1.4.0.107 - icon images scaling

Posted: Wed Dec 04, 2024 1:50 pm
by DCCentR
It's certainly not a bug, but I thought I could improve the scaling of admin icons a bit without replacing the images themselves.
fix.png
fix.png (32.06 KiB) Viewed 814 times
Looks like somthing like these:

Code: Select all

background-size: 100% 100%
or

Code: Select all

background-size: 34px 34px
or

Code: Select all

background-size: contain
Does a better job at scaling icons (more detail retained, less jaggedness, a little smoother) than current:

Code: Select all

background-size: cover
I don't know much about HTML, but I thought this was a way to improve the display of icons a little bit :D
UPD: This seems to be relevant for Chrome and Edge, in Firefox the icons look fine even without this changes

Re: WebUi 1.4.0.107 - icon images scaling

Posted: Wed Dec 04, 2024 8:46 pm
by emcodem
Hehe that is a very dedicated feature request, thanks a lot for it.

I didnt dig into the different modes for background-size and in general this scaling stuff seems to be one of the dark arts in html. We come from fixed pixel size but i was not happy with how it scales.
Also i was not completely satisified with your proposed "contain" alone because the images looked a bit less sharp on my main Screen (UHD, 1,5 times scale factor).
So i decided to convert all of the icons from png to sgv (we finally have an official svg ffastrans logo now as well :D) but also i changed to "contain" as you proposed. The changes are done and pushed to github but of coruse a new build will take a while, we don't want to update releases every day :D