How would you fix USA flag stars?

Was browsing https://www.ufc.com/event/ufc-288 and noticed that the USA flag stars do not render well due to the image being so small. I was just wondering what would be a good solution if I was to run across a similar problem? Do you just use a flag with less stars so it doesn't mess with it as much?
UFC 288 | UFC
Don't Miss A Moment Of UFC 288: Sterling vs Cejudo, Live From The Prudential Center In Newark, New Jersey On May 6, 2023
3 Replies
Glorrin
Glorrin•2y ago
Simple fix to have a better flag : sort the colors so that each of those are in a single column (or row) so that the gflag can be scale up or down easily
cje
cje•2y ago
🇺🇸
andersgee
andersgee•2y ago
you can use css https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
image-rendering: pixelated;
image-rendering: pixelated;
or
image-rendering: crisp-edges;
image-rendering: crisp-edges;
default is "auto" which uses some smoothing algorithm (aka blurring the stars)
image-rendering - CSS: Cascading Style Sheets | MDN
The image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants.
Want results from more Discord servers?
Add your server