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
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
🇺🇸
you can use css
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering
or
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.