Windows11 (24H2), display resolution 3840x2160, win scaling 150%
Settings - thumbnails - overlay icon
Overlay icons have 2 native sizes (12px and 24px) at which they look crisp and pixel perfect at 2 windows scales (100% and 200%).
However, at intermediate scales, readability is reduced due to interpolation. Smaller sizes are more susceptible to this problem than larger sizes.
Suggestion
- size
- add more sizes for overlay icons to avoid interpolation at small sizes
eg 15px, 18px and 21px approach, similar to icons: Construct your Windows app's icon, Icons (Design basics)
- allow user to change icons size
in Settings>Thumbnail>Overlay icons
eg 12, 15, 18, 21, 24, etc and maybe in between with interpolation
- add more sizes for overlay icons to avoid interpolation at small sizes
- format
- use .svg icons
to programmatically adjust the color of icons to match the theme and style (dark/light)
- use .svg icons
ref
Icon Design: Sizing
Icon Design: Anti-Aliasing
Minimum set of assets to cover all screen sizes, densities, and orientations on Android
Related
- suggestions
Settings - thumbnails - overlay icon - add more sizes to avoid interpolation (current post)
Settings - thumbnails - overlay icon - add custom spacing
Settings - thumbnails - overlay icon - add custom positioning
Browser - thumbnails - overlay icon - split top row icons
Overlay icons cosmetic update